feat: several improvements in layout

2025-01-16 15:40:18 +01:00
parent bac3f1f3d7
commit 535a76d3bc
7 changed files with 102 additions and 59 deletions
@@ -1,9 +1,9 @@
 .menu--main {
-    @apply lg:flex lg:items-center m-0;
+    @apply flex items-center m-0;
 }

 .menu--main a {
-    @apply block p-4 text-black hover:bg-zinc-400 hover:text-zinc-800;
+    @apply block p-2 md:p-4 text-black hover:bg-zinc-400 hover:text-zinc-800 text-sm md:text-base;
 }

 .menu--main .current a {
@@ -0,0 +1,20 @@
+.responsive {
+    @apply text-sm md:text-base;
+}
+
+.responsive thead {
+    @apply hidden md:table-header-group;
+}
+
+.responsive tbody tr {
+    @apply block mb-2 md:table-row;
+}
+
+.responsive td {
+    @apply grid grid-cols-2 gap-x-2 last:col-span-2 md:table-cell;
+}
+
+.responsive td:before {
+    content: attr(data-label);
+    @apply block font-bold last:hidden md:hidden;
+}