DutchEllie
/
svelte-website
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

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

8
src/components/misc/musicselectionmodal.svelte
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 "
>
<div on:click|stopPropagation class="h-full w-3/4 bg-red-100 mx-auto rounded-xl pb-3 overflow-y-auto">
<div class="bg-indigo-200 rounded-t-xl p-3">
<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 dark:bg-slate-700 rounded-t-xl p-3">
<span
on:click={() => {
showMusicMan = true;
@ -51,7 +51,7 @@
on:click={() => {
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}
</ul>
@ -65,7 +65,7 @@
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!!
</ul>

2
tailwind.config.cjs
View File

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