TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 04:01:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix sidebar and table data link in dark mode color (#1259)

Browse Source 
* fix sidebar and table data link in dark mode color

* add dark mode toggle in installation step
This commit is contained in:
Yash Kanakiya
2023-08-22 11:18:02 +05:30
committed by GitHub
parent f4bc78ce98
commit 45aaee72d8
17 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/scripts/admin/layouts/partials/TheSiteSidebar.vue
View File

@ -93,7 +93,7 @@
:name="item.icon" :name="item.icon"
:class="[ :class="[
hasActiveUrl(item.link) hasActiveUrl(item.link)
? 'text-primary-500 ' ? 'text-primary-500 dark:text-primary-400'
: 'text-gray-400', : 'text-gray-400',
'mr-4 shrink-0 h-5 w-5', 'mr-4 shrink-0 h-5 w-5',
]" ]"
@ -149,7 +149,7 @@
:name="item.icon" :name="item.icon"
:class="[ :class="[
hasActiveUrl(item.link) hasActiveUrl(item.link)
? 'text-primary-500 group-hover:text-primary-500 dark:text-primary-400 dark:group-hover:text-primary-500 ' ? 'text-primary-500 dark:text-primary-400'
: 'text-gray-400 group-hover:text-black dark:text-gray-400 dark:group-hover:text-white', : 'text-gray-400 group-hover:text-black dark:text-gray-400 dark:group-hover:text-white',
'mr-4 shrink-0 h-5 w-5 ', 'mr-4 shrink-0 h-5 w-5 ',
]" ]"

2
resources/scripts/admin/views/customers/Index.vue
View File

@ -154,7 +154,7 @@
:text="row.data.name" :text="row.data.name"
:length="30" :length="30"
tag="span" tag="span"
class="font-medium text-primary-500 flex flex-col" class="font-medium text-primary-500 flex flex-col dark:text-primary-400"
/> />
<BaseText <BaseText
:text="row.data.contact_name ? row.data.contact_name : ''" :text="row.data.contact_name ? row.data.contact_name : ''"

4
resources/scripts/admin/views/dashboard/DashboardTable.vue
View File

@ -28,7 +28,7 @@
<template #cell-user="{ row }"> <template #cell-user="{ row }">
<router-link <router-link
:to="{ path: `invoices/${row.data.id}/view` }" :to="{ path: `invoices/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.customer.name }} {{ row.data.customer.name }}
</router-link> </router-link>
@ -78,7 +78,7 @@
<template #cell-user="{ row }"> <template #cell-user="{ row }">
<router-link <router-link
:to="{ path: `estimates/${row.data.id}/view` }" :to="{ path: `estimates/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.customer.name }} {{ row.data.customer.name }}
</router-link> </router-link>

2
resources/scripts/admin/views/estimates/Index.vue
View File

@ -205,7 +205,7 @@
<template #cell-estimate_number="{ row }"> <template #cell-estimate_number="{ row }">
<router-link <router-link
:to="{ path: `estimates/${row.data.id}/view` }" :to="{ path: `estimates/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.estimate_number }} {{ row.data.estimate_number }}
</router-link> </router-link>

2
resources/scripts/admin/views/expenses/Index.vue
View File

@ -171,7 +171,7 @@
<template #cell-name="{ row }"> <template #cell-name="{ row }">
<router-link <router-link
:to="{ path: `expenses/${row.data.id}/edit` }" :to="{ path: `expenses/${row.data.id}/edit` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.expense_category.name }} {{ row.data.expense_category.name }}
</router-link> </router-link>

3
resources/scripts/admin/views/installation/Installation.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<div class="flex flex-col items-center justify-between w-full pt-10"> <div class="flex flex-col items-center justify-between w-full pt-10">
<LightDarkButton class="absolute z-10 top-2 right-2"/>
<img <img
id="logo-crater" id="logo-crater"
src="/img/crater-logo.png" src="/img/crater-logo.png"
@ -29,6 +30,7 @@ import Step7CompanyInfo from './Step7CompanyInfo.vue'
import Step8CompanyPreferences from './Step8CompanyPreferences.vue' import Step8CompanyPreferences from './Step8CompanyPreferences.vue'
import { useInstallationStore } from '@/scripts/admin/stores/installation' import { useInstallationStore } from '@/scripts/admin/stores/installation'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import LightDarkButton from '@/scripts/components/LightDarkButton.vue'
export default { export default {
components: { components: {
@ -40,6 +42,7 @@ export default {
step_6: Step6AccountSettings, step_6: Step6AccountSettings,
step_7: Step7CompanyInfo, step_7: Step7CompanyInfo,
step_8: Step8CompanyPreferences, step_8: Step8CompanyPreferences,
LightDarkButton
}, },
setup() { setup() {

2
resources/scripts/admin/views/invoices/Index.vue
View File

@ -220,7 +220,7 @@
<template #cell-invoice_number="{ row }"> <template #cell-invoice_number="{ row }">
<router-link <router-link
:to="{ path: `invoices/${row.data.id}/view` }" :to="{ path: `invoices/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.invoice_number }} {{ row.data.invoice_number }}
</router-link> </router-link>

2
resources/scripts/admin/views/items/Index.vue
View File

@ -153,7 +153,7 @@
<template #cell-name="{ row }"> <template #cell-name="{ row }">
<router-link <router-link
:to="{ path: `items/${row.data.id}/edit` }" :to="{ path: `items/${row.data.id}/edit` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.name }} {{ row.data.name }}
</router-link> </router-link>

2
resources/scripts/admin/views/payments/Index.vue
View File

@ -158,7 +158,7 @@
<template #cell-payment_number="{ row }"> <template #cell-payment_number="{ row }">
<router-link <router-link
:to="{ path: `payments/${row.data.id}/view` }" :to="{ path: `payments/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.payment_number }} {{ row.data.payment_number }}
</router-link> </router-link>

2
resources/scripts/admin/views/recurring-invoices/Index.vue
View File

@ -204,7 +204,7 @@
:text="row.data.customer.name" :text="row.data.customer.name"
:length="30" :length="30"
tag="span" tag="span"
class="font-medium text-primary-500 flex flex-col" class="font-medium text-primary-500 flex flex-col dark:text-primary-400"
/> />
<BaseText <BaseText

2
resources/scripts/admin/views/users/Index.vue
View File

@ -158,7 +158,7 @@
<template #cell-name="{ row }"> <template #cell-name="{ row }">
<router-link <router-link
:to="{ path: `users/${row.data.id}/edit` }" :to="{ path: `users/${row.data.id}/edit` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.name }} {{ row.data.name }}
</router-link> </router-link>

2
resources/scripts/components/CustomerLightDarkButton.vue → resources/scripts/components/LightDarkButton.vue
View File

@ -14,7 +14,7 @@
" "
@click="onChange" @click="onChange"
> >
<BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-black" name="SunIcon" /> <BaseIcon v-if="!globalStore.isDarkModeOn" class="h-5 w-5 text-yellow-500" name="SunIcon" />
<BaseIcon v-else class="h-5 w-5 text-white" name="MoonIcon" /> <BaseIcon v-else class="h-5 w-5 text-white" name="MoonIcon" />
</button> </button>
</template> </template>

6
resources/scripts/customer/layouts/partials/TheSiteHeader.vue
View File

@ -45,7 +45,7 @@
</div> </div>
<div class="hidden sm:ml-6 sm:flex sm:items-center"> <div class="hidden sm:ml-6 sm:flex sm:items-center">
<!-- Dark mode Toggle --> <!-- Dark mode Toggle -->
<CustomerLightDarkButton/> <LightDarkButton/>
<!-- Profile dropdown --> <!-- Profile dropdown -->
@ -151,7 +151,7 @@
</div> </div>
</div> </div>
<!-- Dark mode Toggle --> <!-- Dark mode Toggle -->
<CustomerLightDarkButton/> <LightDarkButton/>
</div> </div>
<div class="mt-3 space-y-1"> <div class="mt-3 space-y-1">
<router-link <router-link
@ -178,7 +178,7 @@ import { useRoute, useRouter } from 'vue-router'
import { ref, watch, computed } from 'vue' import { ref, watch, computed } from 'vue'
import { useGlobalStore } from '@/scripts/customer/stores/global' import { useGlobalStore } from '@/scripts/customer/stores/global'
import MainLogo from '@/scripts/components/icons/MainLogo.vue' import MainLogo from '@/scripts/components/icons/MainLogo.vue'
import CustomerLightDarkButton from '@/scripts/components/CustomerLightDarkButton.vue' import LightDarkButton from '@/scripts/components/LightDarkButton.vue'
import { import {
Disclosure, Disclosure,
DisclosureButton, DisclosureButton,

4
resources/scripts/customer/views/dashboard/DashboardTable.vue
View File

@ -26,7 +26,7 @@
:to="{ :to="{
path: `/${globalStore.companySlug}/customer/invoices/${row.data.id}/view`, path: `/${globalStore.companySlug}/customer/invoices/${row.data.id}/view`,
}" }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.invoice_number }} {{ row.data.invoice_number }}
</router-link> </router-link>
@ -73,7 +73,7 @@
:to="{ :to="{
path: `/${globalStore.companySlug}/customer/estimates/${row.data.id}/view`, path: `/${globalStore.companySlug}/customer/estimates/${row.data.id}/view`,
}" }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.estimate_number }} {{ row.data.estimate_number }}
</router-link> </router-link>

2
resources/scripts/customer/views/estimates/Index.vue
View File

@ -100,7 +100,7 @@
<template #cell-estimate_number="{ row }"> <template #cell-estimate_number="{ row }">
<router-link <router-link
:to="{ path: `estimates/${row.data.id}/view` }" :to="{ path: `estimates/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.estimate_number }} {{ row.data.estimate_number }}
</router-link> </router-link>

2
resources/scripts/customer/views/invoices/Index.vue
View File

@ -95,7 +95,7 @@
<template #cell-invoice_number="{ row }"> <template #cell-invoice_number="{ row }">
<router-link <router-link
:to="{ path: `invoices/${row.data.id}/view` }" :to="{ path: `invoices/${row.data.id}/view` }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.invoice_number }} {{ row.data.invoice_number }}
</router-link> </router-link>

2
resources/scripts/customer/views/payments/Index.vue
View File

@ -78,7 +78,7 @@
:to="{ :to="{
path: `payments/${row.data.id}/view`, path: `payments/${row.data.id}/view`,
}" }"
class="font-medium text-primary-500" class="font-medium text-primary-500 dark:text-primary-400"
> >
{{ row.data.payment_number }} {{ row.data.payment_number }}
</router-link> </router-link>