Apply default page transitions

This commit is contained in:
Akira Tempaku 2025-05-04 23:04:12 +09:00
parent 776592863c
commit a1517013f3
Signed by: paku
GPG key ID: 5B4E8402BCC50607
2 changed files with 1 additions and 21 deletions
src/components
static/style

View file

@ -8,7 +8,7 @@
(defcomp ~layout (&key children)
(hsx
(div :class "fade flex flex-col h-[100svh] w-full max-w-[700px] px-2 mx-auto"
(div :class "flex flex-col h-[100svh] w-full max-w-[700px] px-2 mx-auto"
(~header)
(div :class "flex flex-col flex-1 overflow-y-scroll"
(main :class "flex-1 px-2 py-6 md:px-4 md:py-8"

View file

@ -23,23 +23,3 @@
font-family: "Zen Maru Gothic", sans-serif;
}
}
@keyframes fade-in {
from { opacity: 0; }
}
@keyframes fade-out {
to { opacity: 0; }
}
::view-transition-old(fade) {
animation: 300ms ease both fade-out,
}
::view-transition-new(fade) {
animation: 300ms ease both fade-in,
}
.fade {
view-transition-name: fade;
}