mirror of
				https://github.com/crater-invoice/crater.git
				synced 2025-10-30 21:21:09 -04:00 
			
		
		
		
	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:
		| @ -45,7 +45,7 @@ | ||||
|         </div> | ||||
|         <div class="hidden sm:ml-6 sm:flex sm:items-center"> | ||||
|           <!-- Dark mode Toggle --> | ||||
|           <CustomerLightDarkButton/> | ||||
|           <LightDarkButton/> | ||||
|  | ||||
|           <!-- Profile dropdown --> | ||||
|  | ||||
| @ -151,7 +151,7 @@ | ||||
|             </div> | ||||
|         </div> | ||||
|           <!-- Dark mode Toggle --> | ||||
|           <CustomerLightDarkButton/> | ||||
|           <LightDarkButton/> | ||||
|         </div> | ||||
|         <div class="mt-3 space-y-1"> | ||||
|           <router-link | ||||
| @ -178,7 +178,7 @@ import { useRoute, useRouter } from 'vue-router' | ||||
| import { ref, watch, computed } from 'vue' | ||||
| import { useGlobalStore } from '@/scripts/customer/stores/global' | ||||
| import MainLogo from '@/scripts/components/icons/MainLogo.vue' | ||||
| import CustomerLightDarkButton from '@/scripts/components/CustomerLightDarkButton.vue' | ||||
| import LightDarkButton from '@/scripts/components/LightDarkButton.vue' | ||||
| import { | ||||
|   Disclosure, | ||||
|   DisclosureButton, | ||||
|  | ||||
| @ -26,7 +26,7 @@ | ||||
|             :to="{ | ||||
|               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 }} | ||||
|           </router-link> | ||||
| @ -73,7 +73,7 @@ | ||||
|             :to="{ | ||||
|               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 }} | ||||
|           </router-link> | ||||
|  | ||||
| @ -100,7 +100,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> | ||||
|  | ||||
| @ -95,7 +95,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> | ||||
|  | ||||
| @ -78,7 +78,7 @@ | ||||
|             :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> | ||||
|  | ||||
		Reference in New Issue
	
	Block a user