TabLayout 영역 100%로 인한 개발자 모드 불편사항 처리

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}

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;