Mobile responsive thanks ai slop

2026-06-10 17:47:15 +02:00
parent 3f88315fef
commit 2cdc857b9a
14 changed files with 233 additions and 105 deletions
--- a/frontend/app/assets/css/main.scss
+++ b/frontend/app/assets/css/main.scss
@@ -1,6 +1,11 @@
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
 html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
+  -webkit-text-size-adjust: 100%;
 }

 body {
@@ -134,3 +139,21 @@ hr {
  background-color: var(--color-link);
  color: var(--color-background-fore);
 }
+
+@media screen and (max-width: 600px) {
+    html {
+        scroll-padding-top: 50px;
+    }
+}
+
+@media screen and (max-width: 400px) {
+    html {
+        scroll-padding-top: 40px;
+    }
+}
+
+@media (hover: none) and (pointer: coarse) {
+    a, button, [role="button"], .project-card, .tui-tab {
+        cursor: pointer;
+    }
+}