fix view sidebar and customer dropdown dark issue

This commit is contained in:
yashkanakiya
2023-03-31 12:18:38 +05:30
parent de235a91e5
commit 94836d3cb6
3 changed files with 18 additions and 11 deletions

View File

@ -40,6 +40,7 @@
px-4 px-4
md:px-8 md:px-8
py-1.5 py-1.5
dark:text-gray-200
" "
> >
{{ $tc('settings.roles.permission', 2) }} {{ $tc('settings.roles.permission', 2) }}

View File

@ -34,8 +34,8 @@
v-if="userStore.hasAbilities(abilities.CREATE_ESTIMATE)" v-if="userStore.hasAbilities(abilities.CREATE_ESTIMATE)"
:to="`/admin/estimates/create?customer=${$route.params.id}`" :to="`/admin/estimates/create?customer=${$route.params.id}`"
> >
<BaseDropdownItem class=""> <BaseDropdownItem v-slot="slotProps">
<BaseIcon name="DocumentIcon" class="mr-3 text-gray-600" /> <BaseIcon name="DocumentIcon" :class="slotProps.class" />
{{ $t('estimates.new_estimate') }} {{ $t('estimates.new_estimate') }}
</BaseDropdownItem> </BaseDropdownItem>
</router-link> </router-link>
@ -44,8 +44,8 @@
v-if="userStore.hasAbilities(abilities.CREATE_INVOICE)" v-if="userStore.hasAbilities(abilities.CREATE_INVOICE)"
:to="`/admin/invoices/create?customer=${$route.params.id}`" :to="`/admin/invoices/create?customer=${$route.params.id}`"
> >
<BaseDropdownItem> <BaseDropdownItem v-slot="slotProps">
<BaseIcon name="DocumentTextIcon" class="mr-3 text-gray-600" /> <BaseIcon name="DocumentTextIcon" :class="slotProps.class" />
{{ $t('invoices.new_invoice') }} {{ $t('invoices.new_invoice') }}
</BaseDropdownItem> </BaseDropdownItem>
</router-link> </router-link>
@ -54,8 +54,8 @@
v-if="userStore.hasAbilities(abilities.CREATE_PAYMENT)" v-if="userStore.hasAbilities(abilities.CREATE_PAYMENT)"
:to="`/admin/payments/create?customer=${$route.params.id}`" :to="`/admin/payments/create?customer=${$route.params.id}`"
> >
<BaseDropdownItem> <BaseDropdownItem v-slot="slotProps">
<BaseIcon name="CreditCardIcon" class="mr-3 text-gray-600" /> <BaseIcon name="CreditCardIcon" :class="slotProps.class" />
{{ $t('payments.new_payment') }} {{ $t('payments.new_payment') }}
</BaseDropdownItem> </BaseDropdownItem>
</router-link> </router-link>
@ -64,8 +64,8 @@
v-if="userStore.hasAbilities(abilities.CREATE_EXPENSE)" v-if="userStore.hasAbilities(abilities.CREATE_EXPENSE)"
:to="`/admin/expenses/create?customer=${$route.params.id}`" :to="`/admin/expenses/create?customer=${$route.params.id}`"
> >
<BaseDropdownItem> <BaseDropdownItem v-slot="slotProps">
<BaseIcon name="CalculatorIcon" class="mr-3 text-gray-600" /> <BaseIcon name="CalculatorIcon" :class="slotProps.class" />
{{ $t('expenses.new_expense') }} {{ $t('expenses.new_expense') }}
</BaseDropdownItem> </BaseDropdownItem>
</router-link> </router-link>

View File

@ -13,6 +13,7 @@
xl:ml-64 xl:ml-64
w-88 w-88
xl:block xl:block
dark:bg-gray-800
" "
> >
<div <div
@ -25,6 +26,7 @@
pb-2 pb-2
border border-gray-200 border-solid border border-gray-200 border-solid
height-full height-full
dark:border-gray-600
" "
> >
<BaseInput <BaseInput
@ -59,6 +61,7 @@
mb-2 mb-2
text-sm text-sm
border-b border-gray-200 border-solid border-b border-gray-200 border-solid
dark:border-gray-600
" "
> >
{{ $t('general.sort_by') }} {{ $t('general.sort_by') }}
@ -114,6 +117,7 @@
border-l border-gray-200 border-solid border-l border-gray-200 border-solid
sidebar sidebar
base-scroll base-scroll
dark:border-gray-600
" "
> >
<div v-for="(customer, index) in customerList" :key="index"> <div v-for="(customer, index) in customerList" :key="index">
@ -122,9 +126,9 @@
:id="'customer-' + customer.id" :id="'customer-' + customer.id"
:to="`/admin/customers/${customer.id}/view`" :to="`/admin/customers/${customer.id}/view`"
:class="[ :class="[
'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent', 'flex justify-between p-4 items-center cursor-pointer hover:bg-gray-100 border-l-4 border-transparent dark:hover:bg-gray-700',
{ {
'bg-gray-100 border-l-4 border-primary-500 border-solid': 'bg-gray-100 border-l-4 border-primary-500 border-solid dark:border-primary-400 dark:bg-gray-700':
hasActiveUrl(customer.id), hasActiveUrl(customer.id),
}, },
]" ]"
@ -143,6 +147,7 @@
text-black text-black
capitalize capitalize
truncate truncate
dark:text-white
" "
/> />
@ -157,6 +162,7 @@
font-medium font-medium
leading-5 leading-5
text-gray-600 text-gray-600
dark:text-gray-400
" "
/> />
</div> </div>
@ -175,7 +181,7 @@
</div> </div>
<p <p
v-if="!customerList?.length && !isFetching" v-if="!customerList?.length && !isFetching"
class="flex justify-center px-4 mt-5 text-sm text-gray-600" class="flex justify-center px-4 mt-5 text-sm text-gray-600 dark:text-gray-300"
> >
{{ $t('customers.no_matching_customers') }} {{ $t('customers.no_matching_customers') }}
</p> </p>