gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. 버튼 기본 사이즈 수정

Browse Source
This commit is contained in:
clkim
2025-10-17 10:35:27 +09:00
parent 05b47e7c37
commit 120580495f
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layers/components/atoms/Button/Play.vue
View File

@@ -12,7 +12,7 @@ const emit = defineEmits<{
<style scoped> <style scoped>
.btn-play { .btn-play {
@apply relative w-[66px] h-[66px] bg-[image:var(--video-play)] bg-cover bg-center bg-no-repeat md:w-[100px] md:h-[100px] @apply relative w-[60px] h-[60px] bg-[image:var(--video-play)] bg-cover bg-center bg-no-repeat md:w-[80px] md:h-[80px]
after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-[50%] after:opacity-0 after:transition-opacity after:duration-300 after:ease-in-out after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-white after:rounded-[50%] after:opacity-0 after:transition-opacity after:duration-300 after:ease-in-out
hover:after:opacity-10; hover:after:opacity-10;
} }

2
layers/components/atoms/Button/index.vue
View File

@@ -14,7 +14,7 @@ interface props {
const props = withDefaults(defineProps<props>(), { const props = withDefaults(defineProps<props>(), {
type: 'action', type: 'action',
buttonSize: 'size-extra-small md:size-large', buttonSize: 'size-small md:size-large',
backgroundColor: 'var(--primary)', backgroundColor: 'var(--primary)',
textColor: 'var(--alternative-02)', textColor: 'var(--alternative-02)',
disabled: false, disabled: false,

2
layers/components/blocks/ButtonLuncher.vue
View File

@@ -10,8 +10,10 @@ const {
<template> <template>
<AtomsButton <AtomsButton
button-size="size-small md:size-small"
:class="$attrs?.class" :class="$attrs?.class"
:disabled="isProcessing" :disabled="isProcessing"
style="font-size: 16px"
@click="validateLauncher" @click="validateLauncher"
> >
<slot /> <slot />

4
layers/components/widgets/ButtonList.vue
View File

@@ -102,8 +102,8 @@ const handleButtonClick = (btnInfo: PageDataResourceGroupBtnInfo) => {
<style scoped> <style scoped>
:deep(.btn-market) { :deep(.btn-market) {
@apply flex items-start bg-[16px_50%] bg-[length:auto_34px] bg-no-repeat @apply flex items-start bg-[16px_50%] bg-[length:auto_28px] bg-no-repeat
min-w-[113px] pt-[23px] pl-[44px] pr-[22px] text-[11px] min-w-[113px] pt-[22px] pl-[44px] pr-[22px] text-[11px]
md:min-w-[150px] md:pt-[30px] md:pl-[64px] md:pr-[28px] md:text-[12px] md:bg-[20px_50%] md:bg-[length:auto_40px]; md:min-w-[150px] md:pt-[30px] md:pl-[64px] md:pr-[28px] md:text-[12px] md:bg-[20px_50%] md:bg-[length:auto_40px];
} }
</style> </style>