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 d311b7d9..ac52db74 100644 --- a/com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less +++ b/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; } } - \ No newline at end of file + > img { + width: 54px; + height: 54px; + } +}