diff --git a/layers/components/blocks/Button/Launcher.vue b/layers/components/blocks/Button/Launcher.vue index 230a5d9..4a5ddcc 100644 --- a/layers/components/blocks/Button/Launcher.vue +++ b/layers/components/blocks/Button/Launcher.vue @@ -42,7 +42,6 @@ const PLATFORM_ICON_MAP: Record = { pc: 'AtomsIconsLogoWindow', stove: 'AtomsIconsLogoStove', } as const - const DUP_IMAGE_MAP: Record = { google_play: '/images/common/btn_launcher/btn_logo-google.svg', app_store: '/images/common/btn_launcher/btn_logo-app.svg', @@ -56,7 +55,17 @@ const componentTag = computed(() => { } return 'button' }) -const isSingle = computed(() => props.type === 'single') +const shouldShowPlatformIcon = computed( + () => + (props.type === 'default' && props.variant !== 'custom') || + props.type === 'single' +) +const shouldShowDownloadIcon = computed( + () => + props.platform === 'pc' && + props.type === 'default' && + props.variant !== 'custom' +) const supportedPlatforms = computed( () => getSupportedPlatforms( @@ -151,7 +160,7 @@ const handleClick = () => { :class="[ 'btn-base', props.type, - { 'no-text': isSingle && !$slots.default }, + { 'no-text': props.type === 'single' && !$slots.default }, ]" :data-variant="props.variant" :data-platform="props.platform" @@ -160,11 +169,9 @@ const handleClick = () => { @click="handleClick" > - + + + @@ -173,10 +180,7 @@ const handleClick = () => { v-if="props.iconComponent" v-bind="props.iconProps" /> - + @@ -191,7 +195,10 @@ const handleClick = () => { @apply relative flex items-center w-full z-[1]; } .icon-platform { - @apply w-5 h-5 flex-shrink-0; + @apply w-5 h-5 mr-2 flex-shrink-0; +} +.icon-download { + @apply ml-auto pl-4; } .btn-base[data-variant='filled'] { @@ -223,12 +230,6 @@ const handleClick = () => { @apply line-clamp-2 text-[14px] md:text-[16px]; } -.btn-base.default .icon-platform + .text { - @apply pl-2; -} -.btn-base.default .icon-download { - @apply ml-auto pl-4; -} .btn-base.default[data-variant='outlined'] .icon-download { @apply border-black/10; diff --git a/layers/components/layouts/Header.vue b/layers/components/layouts/Header.vue index ce23f63..bc0f931 100644 --- a/layers/components/layouts/Header.vue +++ b/layers/components/layouts/Header.vue @@ -378,6 +378,7 @@ onMounted(() => {