Fixes for AgeRestrictedModal
This commit is contained in:
parent
85c11bc02a
commit
4d3ba2776c
2 changed files with 1 additions and 3 deletions
|
|
@ -35,7 +35,6 @@ import { IconTriangleExclamation } from "./icons";
|
||||||
hidden
|
hidden
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
data-modal-reject
|
|
||||||
id="age-verification-reject"
|
id="age-verification-reject"
|
||||||
class="rounded bg-stone-400 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-zinc-300 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
|
class="rounded bg-stone-400 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-zinc-300 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
|
||||||
@click="location.href = 'about:blank'"
|
@click="location.href = 'about:blank'"
|
||||||
|
|
@ -43,7 +42,6 @@ import { IconTriangleExclamation } from "./icons";
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
data-modal-accept
|
|
||||||
id="age-verification-accept"
|
id="age-verification-accept"
|
||||||
class="rounded bg-bm-500 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-bm-400 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
|
class="rounded bg-bm-500 py-3 text-lg text-stone-900 hover:bg-stone-500 hover:text-stone-50 focus:bg-stone-500 focus:text-stone-50 sm:px-9 dark:bg-bm-400 dark:text-zinc-900 dark:hover:bg-zinc-600 dark:hover:text-zinc-50 dark:focus:bg-zinc-600 dark:focus:text-zinc-50"
|
||||||
@click="localStorage.ageVerified = 'true'; ageVerified = true"
|
@click="localStorage.ageVerified = 'true'; ageVerified = true"
|
||||||
|
|
|
||||||
|
|
@ -91,9 +91,9 @@ const title = pageTitle ? `${pageTitle} | Bad Manners` : "Bad Manners";
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
x-on:click="darkMode = !darkMode; localStorage.colorScheme = darkMode ? 'dark' : 'light'"
|
|
||||||
class="mt-2 p-2 transition-colors hover:text-green-700 focus:text-green-700 motion-reduce:transition-none dark:hover:text-bm-300 dark:focus:text-bm-300 print:hidden"
|
class="mt-2 p-2 transition-colors hover:text-green-700 focus:text-green-700 motion-reduce:transition-none dark:hover:text-bm-300 dark:focus:text-bm-300 print:hidden"
|
||||||
aria-labelledby="label-toggle-dark-mode"
|
aria-labelledby="label-toggle-dark-mode"
|
||||||
|
@click="darkMode = !darkMode; localStorage.colorScheme = darkMode ? 'dark' : 'light'"
|
||||||
>
|
>
|
||||||
<IconSun width="1.5rem" height="1.5rem" class="hidden dark:block" />
|
<IconSun width="1.5rem" height="1.5rem" class="hidden dark:block" />
|
||||||
<IconMoon width="1.5rem" height="1.5rem" class="block dark:hidden" />
|
<IconMoon width="1.5rem" height="1.5rem" class="block dark:hidden" />
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue