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