fix: dark mode issues kyle found

This commit is contained in:
Nicholas Ciechanowski 2023-10-09 22:07:34 +11:00
parent e8d97c62c8
commit 5f4ed6228f
3 changed files with 6 additions and 6 deletions

View File

@ -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>

View File

@ -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')

View File

@ -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')