mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-27 11:41:09 -04:00
8a5632c7d6
* add dark mode in admin login layout * Add dark mode in customer dashboard (#1199) * add dark mode in DashboardStatsItem * add dark mode in customer side header * add dark mode in customer view file * fix placeholder * fix base select input --------- Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com> * Dark label (#1203) * add dark mode for label * fix dark issue in customer view page * fix remaining label for dark mode --------- Co-authored-by: yashkanakiya <yashkanakiya281297@gmail.com> * add customer dark mode login * fix dark mode classes --------- Co-authored-by: yogesh-gohil <yogeshgohil1611@gmail.com> Co-authored-by: Yogesh Gohil <33858419+yogesh-gohil@users.noreply.github.com> Co-authored-by: PayalDholakiya <payaldholakiya312@gmail.com>
41 lines
1.2 KiB
Vue
41 lines
1.2 KiB
Vue
<template>
|
|
<div
|
|
class="flex flex-col justify-center h-full min-h-screen py-12 overflow-hidden bg-gray-100 sm:px-6 lg:px-8 dark:bg-gray-800/80 dark:text-white font-base "
|
|
>
|
|
<NotificationRoot />
|
|
|
|
<div class="px-4 sm:mx-auto sm:w-full sm:max-w-md sm:px-0">
|
|
<MainLogo
|
|
v-if="!customerLogo"
|
|
class="block w-48 h-auto max-w-full mx-auto text-primary-400"
|
|
/>
|
|
<img
|
|
v-else
|
|
:src="customerLogo"
|
|
class="block w-48 h-auto max-w-full mx-auto text-primary-400"
|
|
/>
|
|
</div>
|
|
|
|
<div class="px-4 mt-8 sm:mx-auto sm:w-full sm:max-w-md sm:px-0">
|
|
<div class="px-4 py-8 bg-white rounded-lg shadow sm:px-10 dark:from-gray-700/70 dark:to-gray-800/70 dark:bg-transparent dark:backdrop-blur-xl dark:shadow-glass dark:border dark:border-white/10">
|
|
<BaseDarkHighlight/>
|
|
<router-view />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed } from 'vue'
|
|
import NotificationRoot from '@/scripts/components/notifications/NotificationRoot.vue'
|
|
import MainLogo from '@/scripts/components/icons/MainLogo.vue'
|
|
|
|
const customerLogo = computed(() => {
|
|
if (window.customer_logo) {
|
|
return window.customer_logo
|
|
}
|
|
|
|
return false
|
|
})
|
|
</script>
|