add dark dropdown & company switch (#1167)

* add dark mode in basedropdown

* dark mod add in global search, header

* add dark mode in company switch

* indentation issue fix company switch

* fix dropdown issues

---------

Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com>
This commit is contained in:
Yash Kanakiya
2023-03-28 11:30:00 +05:30
committed by GitHub
parent c5acf1343e
commit f6639f5863
21 changed files with 225 additions and 162 deletions

View File

@ -1,5 +1,5 @@
<template>
<div ref="searchBar" class="hidden rounded md:block relative">
<div ref="searchBar" class="hidden rounded md:block relative dark:text-white">
<div>
<BaseInput
v-model="name"
@ -41,6 +41,11 @@
w-[300px]
h-[200px]
right-0
dark:border-white/10
dark:text-white
dark:bg-gray-800/[.95]
dark:shadow-glass
dark:backdrop-blur-xl
"
>
<div
@ -68,7 +73,7 @@
<div
v-for="(customer, index) in usersStore.customerList"
: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
:to="{ path: `/admin/customers/${customer.id}/view` }"
@ -87,6 +92,7 @@
bg-gray-200
rounded-full
text-primary-500
dark:bg-gray-600
"
>
{{ initGenerator(customer.name) }}
@ -116,7 +122,7 @@
<div
v-for="(user, index) in usersStore.userList"
: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
:to="{ path: `/admin/users/${user.id}/edit` }"