sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-04-27 15:17:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

create session sheet animation

Browse source
This commit is contained in:
Peter Steinberger 2025-06-21 02:41:24 +02:00
parent a2cdbb8816
commit 6729013b00
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
web/src/client/styles.css
View file

@ -796,10 +796,20 @@ body {
animation: expand-from-button 0.15s cubic-bezier(0.4, 0, 0.2, 1); animation: expand-from-button 0.15s cubic-bezier(0.4, 0, 0.2, 1);
} }
::view-transition-old(create-session-button) { ::view-transition-old(create-session-modal) {
animation: shrink-to-button 0.15s cubic-bezier(0.4, 0, 0.2, 1); animation: shrink-to-button 0.15s cubic-bezier(0.4, 0, 0.2, 1);
} }
/* Hide button during forward transition */
::view-transition-old(create-session-button) {
animation: fade-out 0.15s ease-out;
}
/* Show button during reverse transition */
::view-transition-new(create-session-button) {
animation: fade-in 0.15s ease-out;
}
/* Make button invisible during transition */ /* Make button invisible during transition */
.vt-create-button { .vt-create-button {
contain: layout; contain: layout;
@ -818,4 +828,13 @@ body {
opacity: 1; opacity: 1;
} }
} }
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
} }