mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
fix view sidebar and customer dropdown dark issue
This commit is contained in:
@ -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) }}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user