Improve small scale styling a litle

2023-10-26 14:49:40 +01:00
parent 9d9d920eef
commit a0e526662b
3 changed files with 46 additions and 41 deletions
@@ -6,12 +6,20 @@
    @apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
 }

-/*
-
-@layer components {
-  .btn-primary {
-    @apply py-2 px-4 bg-blue-200;
-  }
+.today-table-grid {
+    display: grid;
 }

-*/
+@media (min-width: 640px) {
+    .today-table-grid {
+        grid-template-columns: 2fr repeat(3, 1fr);
+    }
+}
+
+@media (min-width: 480px) and (max-width: 639px) {
+    .today-table-grid {
+        grid-template-rows: 1fr 1fr;
+        grid-template-columns: 1fr 1fr;
+        grid-auto-flow: column;
+    }
+}