From 25cbb26030822dd7871ba46224b2ef895d587642 Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Fri, 26 Jan 2024 14:32:52 +0900
Subject: [PATCH] =?UTF-8?q?TabLayout=20=EC=98=81=EC=97=AD=20100%=EB=A1=9C?=
 =?UTF-8?q?=20=EC=9D=B8=ED=95=9C=20=EA=B0=9C=EB=B0=9C=EC=9E=90=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=20=EB=B6=88=ED=8E=B8=EC=82=AC=ED=95=AD=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx | 2 +-
 .../src/components/TabLayout/TabLayout.module.less           | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
index 09ff5b07..35ddf96b 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx
@@ -435,7 +435,7 @@ export default function TabLayout({ topPanelName, onTabActivated }) {
   }
 
   return (
-    <div className={css.tabLayoutWrap}>
+    <div className={classNames(css.tabLayoutWrap, !tabActivated && css.hide)}>
       {/* collabsed Main */}
       <Container
         className={css.tabWrap}
diff --git a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less
index ac52db74..38fb37d4 100644
--- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less
+++ b/com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less
@@ -1,10 +1,13 @@
 .tabLayoutWrap {
-  // width:100%;
+  width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   display: flex;
+  &.hide {
+    width: auto;
+  }
 }
 .expandedRootContainer {
   position: absolute;