mirror of
https://github.com/timmypidashev/web.git
synced 2026-04-14 02:53:51 +00:00
mobile optimizations
This commit is contained in:
@@ -44,11 +44,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
|
||||
animation: none;
|
||||
}
|
||||
::view-transition-old(:root) {
|
||||
animation: 90ms ease-out both fade-out;
|
||||
}
|
||||
@keyframes fade-out {
|
||||
from { opacity: 1; }
|
||||
to { opacity: 0; }
|
||||
animation: none;
|
||||
}
|
||||
</style>
|
||||
<script is:inline set:html={THEME_LOADER_SCRIPT} />
|
||||
|
||||
@@ -43,7 +43,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
|
||||
</head>
|
||||
<body class="bg-background text-foreground overflow-hidden h-screen">
|
||||
<Header client:load transparent />
|
||||
<main transition:animate="fade">
|
||||
<main>
|
||||
<Background layout="index" client:only="react" transition:persist />
|
||||
<slot />
|
||||
</main>
|
||||
|
||||
@@ -44,11 +44,7 @@ const ogImage = "https://timmypidashev.dev/og-image.jpg";
|
||||
animation: none;
|
||||
}
|
||||
::view-transition-old(:root) {
|
||||
animation: 90ms ease-out both fade-out;
|
||||
}
|
||||
@keyframes fade-out {
|
||||
from { opacity: 1; }
|
||||
to { opacity: 0; }
|
||||
animation: none;
|
||||
}
|
||||
</style>
|
||||
<script is:inline set:html={THEME_LOADER_SCRIPT} />
|
||||
|
||||
Reference in New Issue
Block a user