fix. 버튼 기본 사이즈 수정
This commit is contained in:
@@ -12,7 +12,7 @@ const emit = defineEmits<{
|
||||
|
||||
<style scoped>
|
||||
.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
|
||||
hover:after:opacity-10;
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@ interface props {
|
||||
|
||||
const props = withDefaults(defineProps<props>(), {
|
||||
type: 'action',
|
||||
buttonSize: 'size-extra-small md:size-large',
|
||||
buttonSize: 'size-small md:size-large',
|
||||
backgroundColor: 'var(--primary)',
|
||||
textColor: 'var(--alternative-02)',
|
||||
disabled: false,
|
||||
|
||||
@@ -10,8 +10,10 @@ const {
|
||||
|
||||
<template>
|
||||
<AtomsButton
|
||||
button-size="size-small md:size-small"
|
||||
:class="$attrs?.class"
|
||||
:disabled="isProcessing"
|
||||
style="font-size: 16px"
|
||||
@click="validateLauncher"
|
||||
>
|
||||
<slot />
|
||||
|
||||
@@ -102,8 +102,8 @@ const handleButtonClick = (btnInfo: PageDataResourceGroupBtnInfo) => {
|
||||
|
||||
<style scoped>
|
||||
:deep(.btn-market) {
|
||||
@apply flex items-start bg-[16px_50%] bg-[length:auto_34px] bg-no-repeat
|
||||
min-w-[113px] pt-[23px] pl-[44px] pr-[22px] text-[11px]
|
||||
@apply flex items-start bg-[16px_50%] bg-[length:auto_28px] bg-no-repeat
|
||||
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];
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user