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 GlobalSearchBar

Browse Source
This commit is contained in:
yashkanakiya
2023-03-28 10:45:32 +05:30
parent c5acf1343e
commit 3defe3fa29
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
resources/scripts/components/GlobalSearchBar.vue
View File

@ -41,6 +41,11 @@
w-[300px] w-[300px]
h-[200px] h-[200px]
right-0 right-0
dark:border-white/10
dark:text-white
dark:bg-gray-800/[.95]
dark:shadow-glass
dark:backdrop-blur-xl
" "
> >
<div <div
@ -68,7 +73,7 @@
<div <div
v-for="(customer, index) in usersStore.customerList" v-for="(customer, index) in usersStore.customerList"
:key="index" :key="index"
class="p-2 hover:bg-gray-100 cursor-pointer rounded-md" class="p-2 hover:bg-gray-100 cursor-pointer rounded-md dark:hover:bg-gray-700/40"
> >
<router-link <router-link
:to="{ path: `/admin/customers/${customer.id}/view` }" :to="{ path: `/admin/customers/${customer.id}/view` }"
@ -87,6 +92,7 @@
bg-gray-200 bg-gray-200
rounded-full rounded-full
text-primary-500 text-primary-500
dark:bg-gray-600
" "
> >
{{ initGenerator(customer.name) }} {{ initGenerator(customer.name) }}
@ -116,7 +122,7 @@
<div <div
v-for="(user, index) in usersStore.userList" v-for="(user, index) in usersStore.userList"
:key="index" :key="index"
class="p-2 hover:bg-gray-100 cursor-pointer rounded-md" class="p-2 hover:bg-gray-100 cursor-pointer rounded-md dark:hover:bg-gray-700/40"
> >
<router-link <router-link
:to="{ path: `/admin/users/${user.id}/edit` }" :to="{ path: `/admin/users/${user.id}/edit` }"
@ -135,6 +141,7 @@
bg-gray-200 bg-gray-200
rounded-full rounded-full
text-primary-500 text-primary-500
dark:bg-gray-600
" "
> >
{{ initGenerator(user.name) }} {{ initGenerator(user.name) }}