style: apply fluid interface principles with organic animations and reactive feedback

This commit is contained in:
2026-02-28 13:31:49 -05:00
parent 25008054b3
commit 4a0a507ec0
2 changed files with 48 additions and 34 deletions

View File

@ -216,10 +216,12 @@ onUnmounted(() => {
</script>
<style scoped>
/* Transición de entrada/salida (Slide up de abajo hacia arriba) */
.sheet-ui-enter-active,
/* Transición de entrada/salida (Slide up de abajo hacia arriba per "Fluid Interfaces") */
.sheet-ui-enter-active {
transition: all 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}
.sheet-ui-leave-active {
transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.sheet-ui-enter-from,