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

Add dark mode in BaseEmptyPlaceholder (#1193)

Browse Source
This commit is contained in:
Yash Kanakiya
2023-03-28 18:25:45 +05:30
committed by GitHub
parent 55bf70c868
commit 238cdb3c25
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>
<div class="flex flex-col items-center justify-center mt-16">
<div class="flex flex-col items-center justify-center">
<slot></slot>
</div>
<div class="mt-2">
<label class="font-medium">{{ title }}</label>
</div>
<div class="mt-2">
<label class="text-gray-500">
{{ description }}
</label>
</div>
<div class="mt-6">
<slot name="actions" />
<div class="relative">
<BaseDarkHighlight class="bg-highlight/[.07] top-2" />
<div class="relative z-5 flex flex-col items-center">
<div class="flex flex-col items-center justify-center">
<slot />
</div>
<div class="mt-2">
<label class="font-medium">{{ title }}</label>
</div>
<div class="mt-2 text-center md:text-left">
<label class="text-gray-500 dark:text-gray-400">
{{ description }}
</label>
</div>
<div class="mt-6">
<slot name="actions" />
</div>
</div>
</div>
</div>
</template>