2022-11-30 15:21:11 +09:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
defineProps<{
|
2022-11-30 22:24:03 +09:00
|
|
|
increased?: boolean
|
2022-11-30 15:21:11 +09:00
|
|
|
}>()
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
2022-11-30 16:30:35 +09:00
|
|
|
<div of-hidden h="1.25rem">
|
|
|
|
|
<div flex="~ col" transition-transform duration-300 :class="increased ? 'translate-y--1/2' : 'translate-y-0'">
|
2022-11-30 15:21:11 +09:00
|
|
|
<slot />
|
|
|
|
|
<slot name="next" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
