bitinflow/ui
1
0
Fork 0
mirror of https://github.com/bitinflow/ui.git synced 2026-03-13 13:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add placeholder element

Browse Source
This commit is contained in:
René Preuß
2023-02-20 21:11:33 +01:00
parent d9041f471e
commit 4dc1d0a704
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/runtime/components/BitinflowPlaceholder.vue Normal file
View File

@@ -0,0 +1,16 @@
<template>
<div class="animate-pulse">
<div class="grid gap-8">
<div class="h-9 w-1/3 bg-white dark:bg-base-700 rounded-full" />
<div class="h-32 w-full bg-white dark:bg-base-700 rounded-lg" />
<div class="h-9 w-1/3 bg-white dark:bg-base-700 rounded-full" />
<div class="h-60 w-full bg-white dark:bg-base-700 rounded-lg" />
</div>
</div>
</template>
<script>
export default {
name: "BitinflowPlaceholder"
}
</script>

2
src/runtime/components/BitinflowSecondLevelMenu.vue
View File

@@ -1,7 +1,7 @@
<!-- eslint-disable vue/require-explicit-emits --> <!-- eslint-disable vue/require-explicit-emits -->
<template> <template>
<nav <nav
class="w bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2" class="w-64 bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2"
> >
<span class="font-semibold px-4"> <span class="font-semibold px-4">
<slot name="title" /> <slot name="title" />