fix: dark mode issues kyle found
This commit is contained in:
parent
e8d97c62c8
commit
5f4ed6228f
@ -1,5 +1,5 @@
|
|||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<template x-if="darkMode === 'dark'">
|
<div x-show="darkMode === 'dark'">
|
||||||
<button x-on:click="darkMode = 'light'" class="pl-6">
|
<button x-on:click="darkMode = 'light'" class="pl-6">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
x-bind:class="{'border-2 border-red/50': darkMode === 'light'}"
|
x-bind:class="{'border-2 border-red/50': darkMode === 'light'}"
|
||||||
@ -8,8 +8,8 @@
|
|||||||
</svg>
|
</svg>
|
||||||
<span class="sr-only">light</span>
|
<span class="sr-only">light</span>
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</div>
|
||||||
<template x-if="darkMode !== 'dark'">
|
<div x-show="darkMode !== 'dark'">
|
||||||
<button x-on:click="darkMode = 'dark'" class="pl-6">
|
<button x-on:click="darkMode = 'dark'" class="pl-6">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg"
|
<svg xmlns="http://www.w3.org/2000/svg"
|
||||||
x-bind:class="{'border-2 border-red/50': darkMode === 'dark'}"
|
x-bind:class="{'border-2 border-red/50': darkMode === 'dark'}"
|
||||||
@ -18,5 +18,5 @@
|
|||||||
</svg>
|
</svg>
|
||||||
<span class="sr-only">dark</span>
|
<span class="sr-only">dark</span>
|
||||||
</button>
|
</button>
|
||||||
</template>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
|
<html x-cloak lang="{{ str_replace('_', '-', app()->getLocale()) }}"
|
||||||
x-data="{
|
x-data="{
|
||||||
darkMode: localStorage.getItem('darkMode') ||
|
darkMode: localStorage.getItem('darkMode') ||
|
||||||
localStorage.setItem('darkMode', 'system')
|
localStorage.setItem('darkMode', 'system')
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"
|
<html x-cloak lang="{{ str_replace('_', '-', app()->getLocale()) }}"
|
||||||
x-data="{
|
x-data="{
|
||||||
darkMode: localStorage.getItem('darkMode') ||
|
darkMode: localStorage.getItem('darkMode') ||
|
||||||
localStorage.setItem('darkMode', 'system')
|
localStorage.setItem('darkMode', 'system')
|
||||||
|
|||||||
Reference in New Issue
Block a user