Fix UI for mobile render

2026-07-01 09:37:37 +02:00
parent 8cbc25a601
commit 8e551159fc
13 changed files with 229 additions and 172 deletions
--- a/app/app.vue
+++ b/app/app.vue
@@ -3,7 +3,7 @@
 		<NuxtRouteAnnouncer/>
 		<NuxtLoadingIndicator :throttle="50"/>
 		<NuxtLayout>
-			<div class="xl:px-12 xl:py-8 lg:px-8 lg:py-6 px-6 py-3 flex flex-1 justify-center overflow-auto max-h-full max-w-full relative @container/main" id="mainContainer">
+			<div class="xl:px-12 xl:py-8 lg:px-8 lg:py-6 md:px-6 py-3 px-3 flex flex-1 justify-center overflow-auto max-h-full max-w-full relative @container/main box-border" id="mainContainer">
 				<NuxtPage />
 			</div>
 		</NuxtLayout>