Fix HTTPS asset loading behind proxy and redesign layout to playful toy-like 3D print webshop

2026-10-31 15:52:08 +01:00
parent 69f1800fcd
commit fdf768b352
8 changed files with 533 additions and 433 deletions
@@ -4,6 +4,45 @@
@source '../../storage/framework/views/*.php';

@theme {
-    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-        'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-heading: 'Fredoka', ui-rounded, 'Nunito', system-ui, sans-serif;
+    --font-sans: 'Nunito', system-ui, sans-serif;
+}
+
+@layer utilities {
+    .font-heading {
+        font-family: var(--font-heading);
+    }
+
+    /* Chunky playful toy block shadows */
+    .toy-shadow-sm {
+        box-shadow: 2px 2px 0px 0px #0f172a;
+    }
+    .toy-shadow {
+        box-shadow: 4px 4px 0px 0px #0f172a;
+    }
+    .toy-shadow-lg {
+        box-shadow: 6px 6px 0px 0px #0f172a;
+    }
+    .toy-shadow-amber {
+        box-shadow: 4px 4px 0px 0px #b45309;
+    }
+    .toy-shadow-rose {
+        box-shadow: 4px 4px 0px 0px #be123c;
+    }
+    .toy-shadow-indigo {
+        box-shadow: 4px 4px 0px 0px #3730a3;
+    }
+
+    /* Chunky pressable button effect */
+    .toy-btn {
+        transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+    .toy-btn:hover {
+        transform: translate(-2px, -2px);
+        box-shadow: 6px 6px 0px 0px #0f172a;
+    }
+    .toy-btn:active {
+        transform: translate(2px, 2px);
+        box-shadow: 2px 2px 0px 0px #0f172a;
+    }
 }