update styles

ubermanu · Dec 22, 2023 · 66330d4 · 66330d4
1 parent 7081615
commit 66330d4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  darkMode: 'class',
+  darkMode: 'media',
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
     extend: {},