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 14:10:46 -07:00
parent 336c652bf7
commit 14f9ef3ffd
3 changed files with 3 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/content.astro
View File

@@ -44,11 +44,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
animation: none; animation: none;
} }
::view-transition-old(:root) { ::view-transition-old(:root) {
animation: 90ms ease-out both fade-out; animation: none;
}
@keyframes fade-out {
from { opacity: 1; }
to { opacity: 0; }
} }
</style> </style>
<script is:inline set:html={THEME_LOADER_SCRIPT} /> <script is:inline set:html={THEME_LOADER_SCRIPT} />

2
src/layouts/index.astro
View File

@@ -43,7 +43,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
</head> </head>
<body class="bg-background text-foreground overflow-hidden h-screen"> <body class="bg-background text-foreground overflow-hidden h-screen">
<Header client:load transparent /> <Header client:load transparent />
<main transition:animate="fade"> <main>
<Background layout="index" client:only="react" transition:persist /> <Background layout="index" client:only="react" transition:persist />
<slot /> <slot />
</main> </main>

6
src/layouts/resource.astro
View File

@@ -44,11 +44,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
animation: none; animation: none;
} }
::view-transition-old(:root) { ::view-transition-old(:root) {
animation: 90ms ease-out both fade-out; animation: none;
}
@keyframes fade-out {
from { opacity: 1; }
to { opacity: 0; }
} }
</style> </style>
<script is:inline set:html={THEME_LOADER_SCRIPT} /> <script is:inline set:html={THEME_LOADER_SCRIPT} />