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

* 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

View File

@ -154,7 +154,7 @@
:text="row.data.name"
:length="30"
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
:text="row.data.contact_name ? row.data.contact_name : ''"

View File

@ -28,7 +28,7 @@
<template #cell-user="{ row }">
<router-link
: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 }}
</router-link>
@ -78,7 +78,7 @@
<template #cell-user="{ row }">
<router-link
: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 }}
</router-link>

View File

@ -205,7 +205,7 @@
<template #cell-estimate_number="{ row }">
<router-link
: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 }}
</router-link>

View File

@ -171,7 +171,7 @@
<template #cell-name="{ row }">
<router-link
: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 }}
</router-link>

View File

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

View File

@ -220,7 +220,7 @@
<template #cell-invoice_number="{ row }">
<router-link
: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 }}
</router-link>

View File

@ -153,7 +153,7 @@
<template #cell-name="{ row }">
<router-link
: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 }}
</router-link>

View File

@ -158,7 +158,7 @@
<template #cell-payment_number="{ row }">
<router-link
: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 }}
</router-link>

View File

@ -204,7 +204,7 @@
:text="row.data.customer.name"
:length="30"
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

View File

@ -158,7 +158,7 @@
<template #cell-name="{ row }">
<router-link
: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 }}
</router-link>