fix. 코드 리팩토링
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user