timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile optimizations

Browse Source
This commit is contained in:
Timothy Pidashev
2026-04-06 13:19:38 -07:00
parent c2407408fa
commit c7762f099c
5 changed files with 21 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/content.astro
View File

@@ -56,13 +56,9 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
</head>
<body class="bg-background text-foreground min-h-screen flex flex-col">
<Header client:load />
<!-- Mobile: full-screen background -->
<div class="lg:hidden">
<Background layout="index" client:only="react" transition:persist />
</div>
<Background layout="index" mobileOnly client:only="react" transition:persist />
<main class="flex-1 flex flex-col">
<div class="max-w-5xl mx-auto pt-2 lg:pt-12 px-4 py-4 lg:py-8 pb-20 lg:pb-8 flex-1 relative z-10">
<!-- Desktop: sidebar strips -->
<Background layout="content" position="right" client:only="react" transition:persist />
<div>
<slot />

2
src/layouts/index.astro
View File

@@ -41,7 +41,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
<script is:inline set:html={THEME_LOADER_SCRIPT} />
<script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
</head>
<body class="bg-background text-foreground">
<body class="bg-background text-foreground overflow-hidden h-screen">
<Header client:load transparent />
<main transition:animate="fade">
<Background layout="index" client:only="react" transition:persist />

6
src/layouts/resource.astro
View File

@@ -55,13 +55,9 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
<script is:inline set:html={ANIMATION_LOADER_SCRIPT} />
</head>
<body class="bg-background text-foreground min-h-screen flex flex-col">
<!-- Mobile: full-screen background -->
<div class="lg:hidden">
<Background layout="index" client:only="react" transition:persist />
</div>
<Background layout="index" mobileOnly client:only="react" transition:persist />
<main class="flex-1 flex flex-col">
<div class="max-w-5xl mx-auto pt-2 lg:pt-12 px-4 py-4 lg:py-8 flex-1 relative z-10">
<!-- Desktop: sidebar strips -->
<Background layout="content" position="right" client:only="react" transition:persist />
<div>
<slot />