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

Dark mode fix issue (#1211)

Browse Source 
* fix dark mode in item row and switch issue

* change class for create items title issue

* fix indentation and remove console log

---------

Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com>
This commit is contained in:
Yash Kanakiya
2023-03-31 17:44:18 +05:30
committed by GitHub
parent ba769864d4
commit f4bc78ce98
7 changed files with 109 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,10 +68,8 @@
</TransitionChild>
<div class="flex-1 h-0 pt-5 pb-4 overflow-y-auto">
<div class="flex items-center shrink-0 px-4 mb-10">
<MainLogo
class="block h-auto max-w-full w-36 text-primary-400"
alt="Crater Logo"
/>
<img class="h-auto max-w-full w-36 hidden dark:block" :src="getDarkLogo"/>
<img class="h-auto max-w-full w-36 block dark:hidden" :src="getLightLogo"/>
</div>
<nav
@ -167,8 +165,7 @@
</template>
<script setup>
import MainLogo from '@/scripts/components/icons/MainLogo.vue'
import { computed } from 'vue'
import {
Dialog,
DialogOverlay,
@ -183,6 +180,9 @@ import LightDarkSwitch from '@/scripts/components/LightDarkSwitcher.vue'
const route = useRoute()
const globalStore = useGlobalStore()
const getDarkLogo = computed(() => new URL('/img/logo-white.png', import.meta.url))
const getLightLogo = computed(() => new URL('/img/crater-logo.png', import.meta.url))
function hasActiveUrl(url) {
return route.path.indexOf(url) > -1
}