add dark mode in admin login layout (#1202)

* 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>
This commit is contained in:
Yash Kanakiya
2023-03-30 17:44:21 +05:30
committed by GitHub
parent 1a4309ca69
commit 8a5632c7d6
9 changed files with 15 additions and 21 deletions

View File

@ -1,31 +1,24 @@
<template>
<div
class="
min-h-screen
bg-gray-200
flex flex-col
justify-center
py-12
sm:px-6
lg:px-8
"
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="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
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
v-else
: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 class="mt-8 sm:mx-auto sm:w-full sm:max-w-md px-4 sm:px-0">
<div class="bg-white py-8 px-4 shadow rounded-lg sm:px-10">
<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>