mobile optimization

2026-05-09 08:05:09 +02:00
parent 2d80e7ad49
commit 58f7ca2d5c
8 changed files with 115 additions and 413 deletions
@@ -30,14 +30,14 @@ const { title, description = "Theater Ziefen - Coming 2029" } = Astro.props;
    </script>
  </head>
  <body>
-    <main class="min-h-[calc(100vh-200px)]">
+    <main class="min-h-[calc(100vh-200px)] flex flex-col items-center *:w-full">
      <slot />
    </main>

    <footer class="bg-[#2b2b56] text-white py-[--spacing-md] text-center mt-[--spacing-xl] border-t-2 border-white/10">
-      <div class="max-w-[--max-width-container] mx-auto px-[--spacing-md] md:px-[--spacing-md] px-[--spacing-sm]">
+      <div class="mx-auto px-[--spacing-md] md:px-[--spacing-md] px-[--spacing-sm]">
        <p>&copy; {new Date().getFullYear()} Theater Ziefen. All rights reserved.</p>
-        <p class="mt-[--spacing-xs] text-[--color-accent] font-semibold opacity-90">Coming 2029</p>
+        <p class="mt- text-accent font-semibold opacity-90">Coming 2029</p>
      </div>
    </footer>
  </body>