vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 08:52:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #3802 - Improve folder structure for nuxt configurations

Browse source
This commit is contained in:
mertsincan 2023-03-26 06:22:57 +01:00
parent 851950270b
commit f5fe822afb
563 changed files with 1703 additions and 1095 deletions
Download patch file Download diff file Expand all files Collapse all files

86
components/skeleton/Skeleton.vue
View file

@ -1,86 +0,0 @@
<template>
<div :style="containerStyle" :class="containerClass" aria-hidden="true"></div>
</template>
<script>
export default {
name: 'Skeleton',
props: {
shape: {
type: String,
default: 'rectangle'
},
size: {
type: String,
default: null
},
width: {
type: String,
default: '100%'
},
height: {
type: String,
default: '1rem'
},
borderRadius: {
type: String,
default: null
},
animation: {
type: String,
default: 'wave'
}
},
computed: {
containerClass() {
return [
'p-skeleton p-component',
{
'p-skeleton-circle': this.shape === 'circle',
'p-skeleton-none': this.animation === 'none'
}
];
},
containerStyle() {
if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };
else return { width: this.width, height: this.height, borderRadius: this.borderRadius };
}
}
};
</script>
<style>
.p-skeleton {
position: relative;
overflow: hidden;
}
.p-skeleton::after {
content: '';
animation: p-skeleton-animation 1.2s infinite;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(-100%);
z-index: 1;
}
.p-skeleton.p-skeleton-circle {
border-radius: 50%;
}
.p-skeleton-none::after {
animation: none;
}
@keyframes p-skeleton-animation {
from {
transform: translateX(-100%);
}
to {
transform: translateX(100%);
}
}
</style>