TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 12:11:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add dark mode in BaseEmptyPlaceholder

Browse Source
This commit is contained in:
yashkanakiya
2023-03-27 14:49:28 +05:30
parent c5acf1343e
commit 19e20474e7
1 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
resources/scripts/components/base/BaseEmptyPlaceholder.vue
View File

@ -1,18 +1,24 @@
<template> <template>
<div class="flex flex-col items-center justify-center mt-16"> <div class="flex flex-col items-center justify-center mt-16">
<div class="flex flex-col items-center justify-center"> <div class="relative">
<slot></slot> <BaseDarkHighlight class="bg-highlight/[.07] top-2" />
</div>
<div class="mt-2"> <div class="relative z-5 flex flex-col items-center">
<label class="font-medium">{{ title }}</label> <div class="flex flex-col items-center justify-center">
</div> <slot />
<div class="mt-2"> </div>
<label class="text-gray-500"> <div class="mt-2">
{{ description }} <label class="font-medium">{{ title }}</label>
</label> </div>
</div> <div class="mt-2 text-center md:text-left">
<div class="mt-6"> <label class="text-gray-500 dark:text-gray-400">
<slot name="actions" /> {{ description }}
</label>
</div>
<div class="mt-6">
<slot name="actions" />
</div>
</div>
</div> </div>
</div> </div>
</template> </template>