Forgot music selection modal
continuous-integration/drone/push Build was killed Details

This commit is contained in:
DutchEllie 2022-07-05 16:05:46 +02:00
parent e0e9d33dec
commit d0cfbd8ced
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
3 changed files with 6 additions and 6 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" class="dark">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />

View File

@ -37,8 +37,8 @@
}} }}
class="h-screen w-screen bg-opacity-60 bg-black fixed top-0 left-0 z-10 py-20 " class="h-screen w-screen bg-opacity-60 bg-black fixed top-0 left-0 z-10 py-20 "
> >
<div on:click|stopPropagation class="h-full w-3/4 bg-red-100 mx-auto rounded-xl pb-3 overflow-y-auto"> <div on:click|stopPropagation class="h-full w-3/4 bg-red-100 dark:bg-slate-800 dark:text-slate-200 mx-auto rounded-xl pb-3 overflow-y-auto">
<div class="bg-indigo-200 rounded-t-xl p-3"> <div class="bg-indigo-200 dark:bg-slate-700 rounded-t-xl p-3">
<span <span
on:click={() => { on:click={() => {
showMusicMan = true; showMusicMan = true;
@ -51,7 +51,7 @@
on:click={() => { on:click={() => {
setSong(v); setSong(v);
}} }}
class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md" class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 dark:bg-gray-600 p-2 rounded-md"
> >
{v.musicArtist} - {v.musicTitle} {v.musicArtist} - {v.musicTitle}
</ul> </ul>
@ -65,7 +65,7 @@
musicUrl: '/assets/music/MUUUSIC-MAN!.opus' musicUrl: '/assets/music/MUUUSIC-MAN!.opus'
}); });
}} }}
class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 p-2 rounded-md" class="mt-3 hover:cursor-pointer underline max-w-full shadow-lg hover:shadow-xl w-max bg-indigo-100 dark:bg-gray-600 p-2 rounded-md"
> >
MUSIC MAN!! MUSIC MAN!!
</ul> </ul>

View File

@ -2,7 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'], content: ['./src/**/*.{html,js,svelte,ts}'],
// darkMode: 'class', darkMode: 'class',
theme: { theme: {
extend: { extend: {
colors: { colors: {