fix.[SWV-798] sns 수정 관련_공유하기 버튼 위치 변경

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;
   }
 }