TabLayout 영역 임시 제거

com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less

@@ -1,82 +1,82 @@
-.tabLayoutWrap{
-  width:100%;
-  height:100%;
-  position:absolute;
-  left:0;
-  top:0;
-  display:flex;
+.tabLayoutWrap {
+  // width:100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: flex;
 }
 .expandedRootContainer {
-    position: absolute;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    
-    &.hide {
-      width: auto;
-      z-index: 0;
-    }
-  }
-  
-  .tabWrap {
-    width: 120px;height:100%;
-    //position:fixed;
-    left:0;
-    top:0;
-    background-color: #222222;
+  position: absolute;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  z-index: 1;
 
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    // padding-top: 104px;
-    // padding-bottom: 104px;
-    z-index: 1;
-    flex-grow: 0;
-    transition: width 0.5s ease;
-    &.expanded {
-        width: 402px;
-    }
-    &.secondDepthLayout {
-        width: 386px;
-        height: calc(100%);
-        opacity: 0.95;
-
-        box-shadow: 8px 0 36px rgba(33, 33, 32, 0.08); 
-        padding-bottom: unset;
-        justify-content: flex-start;
-        left:402px;
-    }
-    &.extraArea {
-        flex-grow: 1;
-        background-color: rgba(0, 0, 0, 0);
-        transition: initial;
-    }
-    &.hide {
-        width: 0;
-    }
+  &.hide {
+    width: auto;
+    z-index: 0;
   }
-  
-  .logo {
-    width: 54px;
+}
+
+.tabWrap {
+  width: 120px;
+  height: 100%;
+  //position:fixed;
+  left: 0;
+  top: 0;
+  background-color: #222222;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  // padding-top: 104px;
+  // padding-bottom: 104px;
+  z-index: 1;
+  flex-grow: 0;
+  transition: width 0.5s ease;
+  &.expanded {
+    width: 402px;
+  }
+  &.secondDepthLayout {
+    width: 386px;
+    height: calc(100%);
+    opacity: 0.95;
+
+    box-shadow: 8px 0 36px rgba(33, 33, 32, 0.08);
+    padding-bottom: unset;
+    justify-content: flex-start;
+    left: 402px;
+  }
+  &.extraArea {
+    flex-grow: 1;
+    background-color: rgba(0, 0, 0, 0);
+    transition: initial;
+  }
+  &.hide {
+    width: 0;
+  }
+}
+
+.logo {
+  width: 54px;
+  height: 54px;
+  margin: 0 0 84px 42px;
+  transition: width 0.5s ease;
+  overflow: hidden;
+
+  &.expanded {
+    width: 234px;
     height: 54px;
-    margin:0 0 84px 42px;
-    transition: width 0.5s ease;
-    overflow:hidden;
-    
-    &.expanded {
+    > img {
       width: 234px;
       height: 54px;
-      > img{
-        width:234px;
-        height:54px;
-      }
-    }
-    > img{
-      width:54px;
-      height:54px;
     }
   }
-  
+  > img {
+    width: 54px;
+    height: 54px;
+  }
+}