From 858fc16dd1b755a8b979141f6d6545407a4e23ac Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 22 Jan 2026 14:10:07 +0900
Subject: [PATCH] =?UTF-8?q?fix.[SWV-798]=20sns=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?=EA=B4=80=EB=A0=A8=5F=EA=B3=B5=EC=9C=A0=ED=95=98=EA=B8=B0=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=EC=9C=84=EC=B9=98=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/layouts/Main.vue | 27 ++++++---------------------
 1 file changed, 6 insertions(+), 21 deletions(-)

diff --git a/layers/components/layouts/Main.vue b/layers/components/layouts/Main.vue
index 5c5c67b..2aed273 100644
--- a/layers/components/layouts/Main.vue
+++ b/layers/components/layouts/Main.vue
@@ -12,11 +12,7 @@ interface Props {
 
 const props = defineProps<Props>()
 
-const mainContentRef = ref<HTMLElement>()
-
 const { tm, locale } = useI18n()
-const { height: viewportH } = useWindowSize()
-const { bottom: mainBottom } = useElementBounding(mainContentRef)
 const { getTemplateComponent } = useTemplateRegistry()
 const loadingStore = useLoadingStore()
 const modalStore = useModalStore()
@@ -26,11 +22,6 @@ const { isPAssApiLoading, hasApiCallStarted } = storeToRefs(loadingStore)
 // 개별 메타 태그 표시 여부 확인
 const shouldShowMetaTag = computed(() => props.pageData?.meta_tag_type === 2)
 
-const pinToMain = computed(() => {
-  if (!mainBottom.value) return false
-  return mainBottom.value <= viewportH.value
-})
-
 // 템플릿 표시 여부 확인
 const isTemplateVisible = (template: PageDataTemplate): boolean => {
   return Boolean(
@@ -96,7 +87,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="mainContentRef" class="main-content">
+  <div class="content-wrap">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -112,33 +103,27 @@ onMounted(() => {
   </div>
   <ClientOnly>
     <BlocksLnb v-if="isShowLnb" />
-    <div
-      v-if="isShowTopBtn || isShowSnsBtn"
-      :class="['utile-wrap', { 'is-stop': pinToMain }]"
-    >
+    <div v-if="isShowTopBtn" class="utile-wrap">
       <BlocksButtonScrollTop v-if="isShowTopBtn" />
-      <BlocksSns v-if="isShowSnsBtn" />
     </div>
   </ClientOnly>
+  <BlocksSns v-if="isShowSnsBtn" />
 </template>
 
 <style scoped>
-.empty-game + main .main-content {
+.empty-game + main .content-wrap {
   @apply pt-0;
 }
-.main-content {
+.content-wrap {
   @apply relative pt-[48px] md:pt-[64px];
 }
 .utile-wrap {
   @apply fixed flex flex-col items-end z-[100]
   bottom-[12px] right-[12px] gap-2 md:bottom-[40px] md:right-[40px] md:gap-3;
 }
-.utile-wrap.is-stop {
-  @apply absolute;
-}
 
 [data-theme='light'] {
-  .main-content {
+  .content-wrap {
     @apply bg-theme-foreground;
   }
 }