jhpark / cms_frontend star
류윤주 류윤주 04-10
250410 류윤주 수정
@111384aa2f5ed11e2995f95b590ba9b4519d7db1
147f907
111384a
client/resources/scss/admin/layout.scss
--- client/resources/scss/admin/layout.scss
+++ client/resources/scss/admin/layout.scss
@@ -35,8 +35,22 @@
 
                 ul.info-btn{
 
                     @include flex-layout(flex, center);
 
                     li{
 
-                        @include flex-layout(flex, center, center);
 
-                        padding: 1rem;
 
+                        // @include flex-layout(flex, center, center);
 
+                        padding: 0 1rem;
 
+                        border-right: 1px solid var(--tk-gray-30);
 
+
 
+                        &:last-child{
 
+                            border-right: none;
 
+                        }
 
+
 
+                        button{
 
+                            @include flex-layout(flex,center);
 
+                            padding: .3rem 1rem !important;
 
+                            background-color: var(--tk-white);
 
+                            @include radius(20);
 
+                            font-size:1.4rem;
 
+                            gap: .5rem;
 
+                        }
 
                     }
 
                 }
 
             }
147f907
111384a
client/resources/scss/common/component/_buttons.scss
--- client/resources/scss/common/component/_buttons.scss
+++ client/resources/scss/common/component/_buttons.scss
@@ -481,6 +481,7 @@
 
       background-image: url(#{$url}/component/common/ico_email_20.svg);
 
     }
 
   }
 
+
 
   &.ico-print {
 
     gap: var(--#{$prefix}spacer-2);
 
     &::before,
@@ -556,6 +557,16 @@
 
       }
 
     }
 
   }
 
+  &.xs {
 
+    &[class*='ico-'] {
 
+      gap: var(--#{$prefix}spacer-default2);
 
+      &::before,
 
+      &::after {
 
+        width: 1.3rem;
 
+        height: 1.3rem;
 
+      }
 
+    }
 
+  }
 
   &.h-auto {
 
     height: auto;
 
     padding: var(--#{$prefix}spacer-default2) !important;
147f907
111384a
client/views/layout/AdminHeader.vue
--- client/views/layout/AdminHeader.vue
+++ client/views/layout/AdminHeader.vue
@@ -10,9 +10,9 @@
 
             <div class="info">
 
                 <p class="info-name">{{ mbrNm }} 님</p>
 
                 <ul class="info-btn">
 
-                    <li><button class="btn-ico xsm ico-logout"  @click="fnlogOut" title="로그아웃"></button></li>
 
-                    <li><button class="btn-ico xsm ico-go"  @click="fnSiteMove" title="사이트이동"></button></li>
 
-                    <li><button class="btn-ico xsm ico-reset"  @click="cacheClean()" title="변경사항 적용"></button></li>
 
+                    <li><button class="btn-txt xs ico-before ico-logout"  @click="fnlogOut" title="로그아웃">로그아웃</button></li>
 
+                    <li><button class="btn-txt xsm ico-before ico-go"  @click="fnSiteMove" title="사이트이동">사이트이동</button></li>
 
+                    <li><button class="btn-txt xsm ico-before ico-reset"  @click="cacheClean()" title="변경사항 적용">변경사항 적용</button></li>
 
                 </ul>
 
             </div>
 
         </div>
Add a comment
List