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

add customer dark mode login

Browse Source
This commit is contained in:
PayalDholakiya
2023-03-30 14:56:32 +05:30
parent 9a34d48906
commit dccf69293d
2 changed files with 8 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/scripts/customer/layouts/LayoutBasic.vue
View File

@ -6,7 +6,7 @@
<!-- <SiteSidebar /> --> <!-- <SiteSidebar /> -->
<main class="mt-16 pb-16 h-screen overflow-y-auto min-h-0"> <main class="h-screen min-h-0 pb-16 mt-16 overflow-y-auto">
<router-view /> <router-view />
</main> </main>
</div> </div>

21
resources/scripts/customer/layouts/LayoutLogin.vue
View File

@ -1,31 +1,24 @@
<template> <template>
<div <div
class=" 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 "
min-h-screen
bg-gray-200
flex flex-col
justify-center
py-12
sm:px-6
lg:px-8
"
> >
<NotificationRoot /> <NotificationRoot />
<div class="sm:mx-auto sm:w-full sm:max-w-md px-4 sm:px-0"> <div class="px-4 sm:mx-auto sm:w-full sm:max-w-md sm:px-0">
<MainLogo <MainLogo
v-if="!customerLogo" v-if="!customerLogo"
class="block w-48 h-auto max-w-full text-primary-400 mx-auto" class="block w-48 h-auto max-w-full mx-auto text-primary-400"
/> />
<img <img
v-else v-else
:src="customerLogo" :src="customerLogo"
class="block w-48 h-auto max-w-full text-primary-400 mx-auto" class="block w-48 h-auto max-w-full mx-auto text-primary-400"
/> />
</div> </div>
<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md px-4 sm:px-0"> <div class="px-4 mt-8 sm:mx-auto sm:w-full sm:max-w-md sm:px-0">
<div class="bg-white py-8 px-4 shadow rounded-lg sm:px-10"> <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 /> <router-view />
</div> </div>
</div> </div>