30 lines
631 B
Vue
30 lines
631 B
Vue
<script setup lang="ts">
|
|
const scrollStore = useScrollStore()
|
|
|
|
const { isPassedStoveGnb } = storeToRefs(scrollStore)
|
|
</script>
|
|
|
|
<template>
|
|
<AtomsButtonCircle
|
|
sr-only="home"
|
|
type="link"
|
|
to="/"
|
|
:class="['btn-home', { 'is-fixed': isPassedStoveGnb }]"
|
|
>
|
|
<AtomsIconsHomeFill />
|
|
</AtomsButtonCircle>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.btn-home {
|
|
@apply absolute top-3 right-3 mt-[48px] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] z-[100]
|
|
sm:top-5 md:top-6 md:right-8 md:mt-[64px];
|
|
}
|
|
.btn-home.is-fixed {
|
|
@apply fixed;
|
|
}
|
|
.main-promotion .btn-home {
|
|
@apply mt-0;
|
|
}
|
|
</style>
|