fix. 코드 리팩토링

This commit is contained in:
clkim
2026-01-16 14:55:02 +09:00
parent c8cd7f780e
commit 40dc7f0e40
34 changed files with 238 additions and 369 deletions

View File

@@ -530,7 +530,7 @@ onMounted(async () => {
/>
<AtomsButton
type="action"
button-size="size-small"
size="size-small"
background-color="#383838"
text-color="#FFFFFF"
class="relative flex items-center justify-center w-full gap-[4px] px-0 sm:w-[143px] sm:shrink-0 md:h-[56px] md:text-[16px] md:leading-[24px] md:tracking-[-0.48px]"
@@ -575,7 +575,7 @@ onMounted(async () => {
<template v-for="month in monthSelectList" :key="month">
<AtomsButton
type="action"
button-size="size-small"
size="size-small"
background-color="#FAFAFA"
text-color="#CCCCCC"
:class="[
@@ -617,7 +617,7 @@ onMounted(async () => {
</div>
<AtomsButton
type="action"
button-size="size-small"
size="size-small"
background-color="#383838"
text-color="#FFFFFF"
class="shrink-0 w-[40px] h-[40px] p-0 md:w-auto md:px-[22px]"
@@ -720,7 +720,7 @@ onMounted(async () => {
>
<AtomsButton
type="action"
button-size="size-small"
size="size-small"
background-color="transparent"
text-color="transparent"
class="coupon-item coupon-item-use"
@@ -772,10 +772,10 @@ onMounted(async () => {
<ClientOnly>
<Teleport to="body">
<BlocksModalLayer
:is-open="isSelectCharacterModalOpen"
:is-show-dimmed="true"
:is-outside-close="true"
modal-name="modal-coupon-character-select"
:is-open="isSelectCharacterModalOpen"
area-class="max-w-[480px] p-6 bg-white rounded-[20px]"
close-class="hidden"
>
@@ -797,20 +797,20 @@ onMounted(async () => {
<div
class="relative flex items-center justify-center gap-[8px] w-full"
>
<AtomsButtonVariant
<AtomsButtonModal
variant="outlined"
class="max-w-[128px]"
@click="closeSelectCharacterModal"
>
{{ tm('Text_Cancel') }}
</AtomsButtonVariant>
<AtomsButtonVariant
</AtomsButtonModal>
<AtomsButtonModal
:disabled="isSelectCharacter ? false : true"
class="max-w-[128px]"
@click="handleCouponRegister"
>
{{ tm('Text_Confirm') }}
</AtomsButtonVariant>
</AtomsButtonModal>
</div>
</div>
</BlocksModalLayer>