From 66330d49406b0ebda86c1dedd64dbd0392d1e88b Mon Sep 17 00:00:00 2001
From: ubermanu <manu@paca.happy-dev.fr>
Date: Fri, 22 Dec 2023 12:49:13 +0100
Subject: [PATCH] update styles

---
 src/routes/+page.svelte       | 2 +-
 src/routes/EmojiButton.svelte | 4 ++--
 tailwind.config.js            | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 9484784..1754384 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -8,7 +8,7 @@
 >
   <ul
     class="box-border grid gap-8 p-8"
-    style:grid-template-columns="repeat(auto-fill, minmax(8rem, 1fr))"
+    style:grid-template-columns="repeat(auto-fill, minmax(3rem, 1fr))"
   >
     {#each sounds as sound}
       <li>
diff --git a/src/routes/EmojiButton.svelte b/src/routes/EmojiButton.svelte
index 39845a6..09bb74e 100644
--- a/src/routes/EmojiButton.svelte
+++ b/src/routes/EmojiButton.svelte
@@ -32,7 +32,7 @@
 </script>
 
 <button
-  class="flex w-full cursor-pointer flex-col items-center justify-center gap-2 p-4"
+  class="flex w-full cursor-pointer flex-col items-center justify-center gap-4"
   onclick={() => (playing ? stop() : play())}
 >
   <span
@@ -43,5 +43,5 @@
   >
     {emoji}
   </span>
-  <span class="text-2xl">{name}</span>
+  <span class="text-lg font-light">{name}</span>
 </button>
diff --git a/tailwind.config.js b/tailwind.config.js
index 753e9c3..884a412 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  darkMode: 'class',
+  darkMode: 'media',
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
     extend: {},