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

fix. scroll position 변수명 수정

Browse Source 
Made-with: Cursor
This commit is contained in:
clkim
2026-03-13 11:29:32 +09:00
parent a0e3fa3887
commit 435f61ed05
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/app.vue
View File

@@ -144,7 +144,7 @@ onMounted(() => {
}
rafId = requestAnimationFrame(() => {
document.documentElement.style.setProperty(
'--scroll-position',
'--scroll-stove-position',
`${newValue}px`
)
rafId = null

6
layers/components/blocks/Button/Home.vue
View File

@@ -26,11 +26,11 @@ const analytics = {
<style scoped>
.empty-game + main .btn-home {
@apply mt-[var(--scroll-position,48px)] md:mt-[var(--scroll-position,64px)];
@apply mt-[var(--scroll-stove-position,48px)] md:mt-[var(--scroll-stove-position,64px)];
}
.btn-home {
@apply fixed top-3 right-3 mt-[calc(var(--scroll-position,48px)+48px)] 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-[calc(var(--scroll-position,64px)+64px)];
@apply fixed top-3 right-3 mt-[calc(var(--scroll-stove-position,48px)+48px)] 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-[calc(var(--scroll-stove-position,64px)+64px)];
}
.btn-home:hover :deep(.icon) {
@apply scale-[1.08];

8
layers/components/blocks/Lnb.vue
View File

@@ -198,10 +198,10 @@ onUnmounted(() => {
<style scoped>
.empty-game + main .lnb-wrap {
@apply mt-[var(--scroll-position,48px)];
@apply mt-[var(--scroll-stove-position,48px)];
}
.lnb-wrap {
@apply fixed top-0 right-0 mt-[calc(var(--scroll-position,48px)+64px)] py-8 pr-10 bg-[radial-gradient(100%_50%_at_100%_50%,rgba(0,0,0,0.4)_25%,rgba(0,0,0,0)_100%)] transition-transform duration-[400ms] ease-in-out z-50;
@apply fixed top-0 right-0 mt-[calc(var(--scroll-stove-position,48px)+64px)] py-8 pr-10 bg-[radial-gradient(100%_50%_at_100%_50%,rgba(0,0,0,0.4)_25%,rgba(0,0,0,0)_100%)] transition-transform duration-[400ms] ease-in-out z-50;
}
.lnb-wrap:before {
content: '';
@@ -261,9 +261,9 @@ button.is-active::after {
}
.main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+64px+72px)];
@apply mt-[calc(var(--scroll-stove-position,48px)+64px+72px)];
}
.empty-game + .main-promotion .lnb-wrap {
@apply mt-[calc(var(--scroll-position,48px)+72px)];
@apply mt-[calc(var(--scroll-stove-position,48px)+72px)];
}
</style>

4
layers/components/layouts/EventNavigation.vue
View File

@@ -111,14 +111,14 @@ onMounted(async () => {
<style scoped>
.empty-game + main .navigation-wrap {
@apply mt-[var(--scroll-position,48px)];
@apply mt-[var(--scroll-stove-position,48px)];
}
.sns-wrap ~ .navigation-wrap {
@apply pb-[60px] md:pb-[80px];
}
.navigation-wrap {
@apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-position,48px)+48px)] md:mt-[calc(var(--scroll-position,64px)+64px)] z-[90] transition-transform duration-300 ease-in-out;
@apply fixed top-0 left-0 bottom-0 mt-[calc(var(--scroll-stove-position,48px)+48px)] md:mt-[calc(var(--scroll-stove-position,64px)+64px)] z-[90] transition-transform duration-300 ease-in-out;
}
.navigation-container {
@apply relative h-full p-3 sm:p-5 sm:pr-3

2
layers/components/layouts/Header.vue
View File

@@ -460,7 +460,7 @@ onMounted(() => {
}
.nav-wrap {
@apply fixed top-0 left-0 bottom-0 w-0 mt-[var(--scroll-position,48px)] md:relative md:w-full md:h-full md:mt-0;
@apply fixed top-0 left-0 bottom-0 w-0 mt-[var(--scroll-stove-position,48px)] md:relative md:w-full md:h-full md:mt-0;
}
.nav-wrap.is-open {
@apply w-full;