animation tweaks

This commit is contained in:
nicwands 2026-06-24 16:52:45 -04:00
parent 3f96155321
commit 445c7358a9
2 changed files with 7 additions and 7 deletions

View file

@ -80,19 +80,19 @@ onMounted(() => {
gifWindow.value,
{ opacity: 0, height: 0 },
{ opacity: 1, height: 'auto', ...ANIMATION_SETTINGS },
'+0.1',
'<+0.1',
)
tl.value.fromTo(
contentWindow.value,
{ opacity: 0, height: 0 },
{ opacity: 1, height: 'auto', ...ANIMATION_SETTINGS },
'+0.1',
'<+0.1',
)
tl.value.fromTo(
closeWindow.value,
{ opacity: 0, height: 0 },
{ opacity: 1, height: 'auto', ...ANIMATION_SETTINGS },
'+0.1',
{ opacity: 0 },
{ opacity: 1, ...ANIMATION_SETTINGS },
'<+0.1',
)
tl.value.pause(0)
@ -210,7 +210,7 @@ defineExpose({ animateIn, animateOut })
}
&.content {
grid-column: 1/-1;
height: 100%;
max-height: 100%;
overflow: hidden;
position: relative;

View file

@ -83,7 +83,7 @@ const ratio = computed(() => {
const aspect = computed(() => {
// calculate if no aspect provided
if (props.aspect === -1) {
return ratio.value * 100
return ratio.value ? ratio.value * 100 : 100
}
// otherwise, parse provided aspect, handling both 56.25 and 0.5625 style