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

dark mod add in global search, header

Browse Source
This commit is contained in:
yashkanakiya
2023-03-22 16:18:42 +05:30
parent 1f5bb49333
commit 3ea10de182
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/scripts/admin/layouts/partials/TheSiteHeader.vue
View File

@ -24,6 +24,8 @@
dark:border-white/10 dark:border-white/10
" "
> >
<BaseDarkHighlight />
<router-link <router-link
to="/admin/dashboard" to="/admin/dashboard"
class=" class="
@ -72,7 +74,7 @@
v-if="hasCreateAbilities" v-if="hasCreateAbilities"
class="relative hidden float-left m-0 md:block" class="relative hidden float-left m-0 md:block"
> >
<BaseDropdown width-class="w-48"> <BaseDropdown width-class="w-48" >
<template #activator> <template #activator>
<div <div
class=" class="
@ -86,19 +88,21 @@
bg-white bg-white
rounded rounded
md:h-9 md:w-9 md:h-9 md:w-9
dark:bg-gray-700 dark:border-gray-500 dark:border
" "
> >
<BaseIcon name="PlusIcon" class="w-5 h-5 text-gray-600" /> <BaseIcon name="PlusIcon" class="w-5 h-5 text-gray-600 dark:text-white" />
</div> </div>
</template> </template>
<router-link to="/admin/invoices/create"> <router-link to="/admin/invoices/create">
<BaseDropdownItem <BaseDropdownItem
v-if="userStore.hasAbilities(abilities.CREATE_INVOICE)" v-if="userStore.hasAbilities(abilities.CREATE_INVOICE)"
v-slot="slotProps"
> >
<BaseIcon <BaseIcon
name="DocumentTextIcon" name="DocumentTextIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500" :class="slotProps.class"
aria-hidden="true" aria-hidden="true"
/> />
{{ $t('invoices.new_invoice') }} {{ $t('invoices.new_invoice') }}
@ -107,10 +111,11 @@
<router-link to="/admin/estimates/create"> <router-link to="/admin/estimates/create">
<BaseDropdownItem <BaseDropdownItem
v-if="userStore.hasAbilities(abilities.CREATE_ESTIMATE)" v-if="userStore.hasAbilities(abilities.CREATE_ESTIMATE)"
v-slot="slotProps"
> >
<BaseIcon <BaseIcon
name="DocumentIcon" name="DocumentIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500" :class="slotProps.class"
aria-hidden="true" aria-hidden="true"
/> />
{{ $t('estimates.new_estimate') }} {{ $t('estimates.new_estimate') }}
@ -120,10 +125,11 @@
<router-link to="/admin/customers/create"> <router-link to="/admin/customers/create">
<BaseDropdownItem <BaseDropdownItem
v-if="userStore.hasAbilities(abilities.CREATE_CUSTOMER)" v-if="userStore.hasAbilities(abilities.CREATE_CUSTOMER)"
v-slot="slotProps"
> >
<BaseIcon <BaseIcon
name="UserIcon" name="UserIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500" :class="slotProps.class"
aria-hidden="true" aria-hidden="true"
/> />
{{ $t('customers.new_customer') }} {{ $t('customers.new_customer') }}
@ -156,20 +162,20 @@
</template> </template>
<router-link to="/admin/settings/account-settings"> <router-link to="/admin/settings/account-settings">
<BaseDropdownItem> <BaseDropdownItem v-slot="slotProps">
<BaseIcon <BaseIcon
name="CogIcon" name="CogIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500" :class="slotProps.class"
aria-hidden="true" aria-hidden="true"
/> />
{{ $t('navigation.settings') }} {{ $t('navigation.settings') }}
</BaseDropdownItem> </BaseDropdownItem>
</router-link> </router-link>
<BaseDropdownItem @click="logout"> <BaseDropdownItem v-slot="slotProps" @click="logout">
<BaseIcon <BaseIcon
name="LogoutIcon" name="LogoutIcon"
class="w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500" :class="slotProps.class"
aria-hidden="true" aria-hidden="true"
/> />
{{ $t('navigation.logout') }} {{ $t('navigation.logout') }}

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

@ -1,5 +1,5 @@
<template> <template>
<div ref="searchBar" class="hidden rounded md:block relative"> <div ref="searchBar" class="hidden rounded md:block relative dark:text-white">
<div> <div>
<BaseInput <BaseInput
v-model="name" v-model="name"
@ -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` }"