mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
DataView list slot demo updates
This commit is contained in:
parent
7d27e40e32
commit
6d845691a5
6 changed files with 24 additions and 24 deletions
|
@ -13,7 +13,7 @@
|
|||
<template #list>
|
||||
<div class="grid grid-nogutter">
|
||||
<div v-for="i in 6" :key="i" class="col-12">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4" :class="{ 'border-top-1 surface-border': i !== 0 }">
|
||||
<Skeleton class="w-9 sm:w-16rem xl:w-10rem shadow-2 h-6rem block xl:block mx-auto border-round" />
|
||||
<div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4">
|
||||
<div class="flex flex-column align-items-center sm:align-items-start gap-3">
|
||||
|
@ -80,7 +80,7 @@ export default {
|
|||
<template #list>
|
||||
<div class="grid grid-nogutter">
|
||||
<div v-for="i in 6" :key="i" class="col-12">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4" :class="{ 'border-top-1 surface-border': i !== 0 }">
|
||||
<Skeleton class="w-9 sm:w-16rem xl:w-10rem shadow-2 h-6rem block xl:block mx-auto border-round" />
|
||||
<div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4">
|
||||
<div class="flex flex-column align-items-center sm:align-items-start gap-3">
|
||||
|
@ -137,7 +137,7 @@ export default {
|
|||
<template #list>
|
||||
<div class="grid grid-nogutter">
|
||||
<div v-for="i in 6" :key="i" class="col-12">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4" :class="{ 'border-top-1 surface-border': i !== 0 }">
|
||||
<Skeleton class="w-9 sm:w-16rem xl:w-10rem shadow-2 h-6rem block xl:block mx-auto border-round" />
|
||||
<div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4">
|
||||
<div class="flex flex-column align-items-center sm:align-items-start gap-3">
|
||||
|
@ -229,7 +229,7 @@ export default {
|
|||
<template #list>
|
||||
<div class="grid grid-nogutter">
|
||||
<div v-for="i in 6" :key="i" class="col-12">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4">
|
||||
<div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4" :class="{ 'border-top-1 surface-border': i !== 0 }">
|
||||
<Skeleton class="w-9 sm:w-16rem xl:w-10rem shadow-2 h-6rem block xl:block mx-auto border-round" />
|
||||
<div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4">
|
||||
<div class="flex flex-column align-items-center sm:align-items-start gap-3">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue