fix. 사전예약 수정

This commit is contained in:
clkim
2025-11-07 11:28:36 +09:00
parent 5679d28697
commit 2e55cda20e
5 changed files with 24 additions and 65 deletions

View File

@@ -259,9 +259,7 @@ const resetForm = () => {
const handleClose = () => {
if (isSubmitting.value) return
isOpen.value = false
step.value = 1
// 애니메이션 완료 후 초기화
setTimeout(resetForm, 300)
}
@@ -273,7 +271,7 @@ defineExpose({
<template>
<BlocksModalLayer
:is-open="isOpen"
v-model:is-open="isOpen"
area-class="h-full bg-[#292929] pt-[60px] md:w-[476px] md:h-[680px] md:pt-[64px] md:rounded-[20px] md:shadow-[0_2px_4px_rgba(0,0,0,0.06)]"
close-class="absolute top-[19px] right-[26px] md:top-[20px] md:right-[24px]"
@close="handleClose"
@@ -281,27 +279,17 @@ defineExpose({
<!-- Step 1: Terms Agreement -->
<div v-if="step === 1" class="flex flex-col h-full">
<div class="flex gap-5 px-5 pt-5 pb-[12px] md:px-10 md:pt-6 md:pb-[16px]">
<h2
<h4
class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
>
{{ t('Preregist_Modal_Title01') }}
</h2>
<div class="flex h-[30px] items-center gap-1 md:h-[34px]">
<span
class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
>
1
</span>
<span
class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
>
/
</span>
<span
class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
>
2
</span>
</h4>
<div
class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
>
<span class="font-bold text-[#b2b2b2]">1</span>
<span class="text-[#666666]">/</span>
<span class="text-[#666666]">2</span>
</div>
</div>
@@ -507,27 +495,17 @@ defineExpose({
<!-- Step 2: Success -->
<div v-if="step === 2" class="flex flex-1 flex-col h-full">
<div class="flex gap-5 px-5 pb-10 pt-5 md:px-10 md:pb-12 md:pt-6">
<p
<h4
class="flex-1 text-xl font-bold leading-[30px] tracking-[-0.6px] text-[#ebebeb] md:text-2xl md:leading-[34px] md:tracking-[-0.72px]"
>
{{ t('Preregist_Modal_Title02') }}
</p>
<div class="flex h-[30px] items-center gap-1 md:h-[34px]">
<span
class="text-base font-bold leading-6 tracking-[-0.48px] text-[#b2b2b2]"
>
2
</span>
<span
class="text-xs font-bold leading-[18px] tracking-[-0.24px] text-[#666666]"
>
/
</span>
<span
class="text-base font-medium leading-6 tracking-[-0.48px] text-[#666666]"
>
2
</span>
</h4>
<div
class="flex h-[30px] items-center gap-1 text-base leading-6 tracking-[-0.48px] md:h-[34px]"
>
<span class="font-bold text-[#b2b2b2]">2</span>
<span class="text-[#666666]">/</span>
<span class="text-[#666666]">2</span>
</div>
</div>