GF-4 (#4) Start work on main layout
This commit is contained in:
parent
2ed0a69e70
commit
57593b4370
49 changed files with 1233 additions and 3 deletions
14
app/components/ui/skeleton/Skeleton.vue
Normal file
14
app/components/ui/skeleton/Skeleton.vue
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<script setup lang="ts">
|
||||
import type { HTMLAttributes } from "vue";
|
||||
import { cn } from "@/lib/utils";
|
||||
|
||||
interface SkeletonProps {
|
||||
class?: HTMLAttributes["class"];
|
||||
}
|
||||
|
||||
const props = defineProps<SkeletonProps>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div data-slot="skeleton" :class="cn('animate-pulse rounded-md bg-primary/10', props.class)" />
|
||||
</template>
|
||||
1
app/components/ui/skeleton/index.ts
Normal file
1
app/components/ui/skeleton/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
export { default as Skeleton } from "./Skeleton.vue";
|
||||
Loading…
Add table
Add a link
Reference in a new issue