@bwg-ui/core 1.2.16 → 1.2.18

package/dist/styles/layout-test.css

@@ -25,12 +25,6 @@
   display: flex;
   align-items: center;
   min-width: 200px;
-
-  .logo-container {
-    display: flex;
-    align-items: center;
-    height: 100%;
-  }
 }
 
 /**
@@ -40,20 +34,15 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
-
-  .logout-btn {
-    cursor: pointer;
-  }
-  .theme-btn {
-    cursor: pointer;
-  }
-  .alarm-btn {
-    cursor: pointer;
-  }
-  .avatar {
-    cursor: pointer;
-  }
 }
+.header-right .logout-btn,
+.header-right .theme-btn,
+.header-right .alarm-btn,
+.header-right .avatar {
+  cursor: pointer;
+}
+
+
 
 .side-wrapper {
   height: calc(100vh - 50px); /* 헤더 높이(50px)를 제외 */
@@ -63,186 +52,6 @@
   background-color: var(--sidebar-bg) !important;
   position: relative; /* 토글 버튼의 absolute 포지셔닝을 위해 */
   border-right: 1px solid var(--border-color);
-
-  .sider-toggle-btn {
-    position: absolute;
-    top: 9px;
-    right: -25px;
-    z-index: 1000;
-    width: 25px;
-    height: 41px;
-    background-color: #ffffff;
-    border: 1px solid #dddddd;
-    border-radius: 0 10px 10px 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
-    transition: all 0.3s ease;
-  }
-  
-  .sider-toggle-btn .ant-btn {
-    border-radius: 0 10px 10px 0;
-    font-size: 12px;
-    color: #787878;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .sider-search-ipt {
-    background: var(--sidebar-search-bg);
-    border-radius: var(--border-radius-xl);
-    border: 0;
-    color: var(--sidebar-search-text);
-    font-size: 13px;
-    font-weight: var(--font-weight-medium);
-      .anticon-search svg {
-      width: 20px;
-      height: 20px;
-    }
-  }
-
-  .sider-segmented {
-    padding: 5px;
-    background-color: var(--sidebar-segmented-bg);
-    border-radius: var(--border-radius-sm);
-    font-size: 13px;
-    color: var(--sidebar-segmented-text);
-    width: 100%;
-
-    .sider-segmented-item {
-      width: 20px;
-      height: 20px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-    }
-    .ant-segmented-group {
-      gap: 5px;
-    }
-    .ant-segmented-item-selected {
-      color: var(--text-high);
-      font-weight: var(--font-weight-semibold);
-    }
-  }
-
-  .sider-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-
-    /* 사이드바 로딩 스타일 */
-    .sider-loading {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 12px;
-      z-index: 10;
-    }
-
-    .sider-loading-text {
-      font-size: 13px;
-      color: var(--text-secondary);
-      font-weight: var(--font-weight-medium);
-      letter-spacing: -0.2px;
-    }
-
-    /* 사이드바 에러 스타일 */
-    .sider-error {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 8px;
-      padding: 16px;
-      background: rgba(255, 77, 79, 0.1);
-      border: 1px solid rgba(255, 77, 79, 0.2);
-      border-radius: var(--border-radius-md);
-      z-index: 10;
-      max-width: 200px;
-      text-align: center;
-    }
-
-    .sider-error-icon {
-      font-size: 20px;
-      color: #ff4d4f;
-    }
-
-    .sider-error-text {
-      font-size: 12px;
-      color: #ff4d4f;
-      font-weight: var(--font-weight-medium);
-      line-height: 1.4;
-    }
-
-    .sider-menu-container {
-      padding-right: 17px;
-      margin-right: -17px;
-      height: 100%;
-      overflow-y: auto;
-    }
-
-    /* 사이드바 스크롤바 스타일링 */
-    .sider-menu::-webkit-scrollbar,
-    .sider-menu-container::-webkit-scrollbar {
-      width: 6px;
-    }
-
-    .sider-menu::-webkit-scrollbar-track,
-    .sider-menu-container::-webkit-scrollbar-track {
-      background: transparent;
-      border-radius: 3px;
-    }
-
-    .sider-menu::-webkit-scrollbar-thumb,
-    .sider-menu-container::-webkit-scrollbar-thumb {
-      background: #d9d9d9;
-      border-radius: 3px;
-      border: 1px solid #f0f0f0;
-    }
-
-    .sider-menu::-webkit-scrollbar-thumb:hover,
-    .sider-menu-container::-webkit-scrollbar-thumb:hover {
-      background: #bfbfbf;
-    }
-
-    /* Firefox 스크롤바 스타일링 */
-    .sider-menu {
-      scrollbar-width: thin;
-      scrollbar-color: #d9d9d9 #f0f0f0;
-    }
-
-    /* Ant Design 메뉴 스타일 오버라이드 */
-    .sider-menu .ant-menu-item {
-      height: 30px;
-      transition: all 0.3s ease;
-    }
-
-    .sider-menu .ant-menu-submenu-title {
-      height: 30px !important;
-      line-height: 30px !important;
-    }
-
-    .sider-menu .ant-menu-submenu-title:hover {
-      background-color: unset !important;
-    }
-  }
 }
 
 /**
@@ -250,105 +59,4 @@
 */
 .menu-tab-wrapper {
   background: var(--bg-primary);
-
-  .menu-tabs.ant-tabs .ant-tabs-nav {
-    margin: 0;
-    padding: 10px 34px 0 29px;
-    height: 45px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  .ant-tabs-nav::before {
-    left: 29px;
-    bottom: 0;
-    border-bottom: 1px solid var(--border-color);
-  }
-  .menu-tabs.ant-tabs .ant-tabs-nav-wrap {
-    height: 35px;
-    flex: 1 !important;
-    align-items: flex-end;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-nav-list {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    flex-wrap: nowrap;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-tab {
-    height: 100%;
-    border-radius: 10px 10px 0 0;
-    transition: all 0.3s ease;
-    padding: 0 10px 0 24px;
-    position: relative ;
-    background: #E7E9F4;
-    margin: 0 4px 0 0;
-    font-size: var(--font-size-sm);
-    color: #777;
-    border: 0;
-    .ant-tabs-tab-remove {
-      width: 20px;
-      height: 20px;
-      margin-right: 0;
-      margin-left: 10px;
-      color: #A1A1A1;
-    }
-  }
-  .menu-tabs.ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
-    background: #dbdeec;
-    color: var(--text-secondary);
-  }
-  .menu-tabs.ant-tabs .ant-tabs-tab-active {
-    background: var(--bg-primary);
-    border: 2px solid var(--primary-color);
-    border-bottom: none;
-    .ant-tabs-tab-btn {
-      color:var(--primary-color);
-    }
-  }
-  .menu-tabs.ant-tabs .ant-tabs-content-holder {
-    display: none !important;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    flex-shrink: 0;
-    white-space: nowrap;
-    overflow: hidden;
-    padding-bottom: 13px;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content > div {
-    display: flex !important;
-    align-items: center !important;
-    gap: 4px !important;
-    flex-wrap: nowrap !important;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn {
-    height: 20px !important;
-    width: 20px !important;
-    font-size: 12px !important;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn:hover {
-    color: #5E5E5E;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content .ant-btn:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    background: none;
-  }
-  .menu-tabs.ant-tabs .ant-tabs-extra-content .menu-tabs-close-btn {
-    margin-left: 11px;
-  }
-
-  .menu-nav-wrapper {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-
-    .menu-nav-buttons {
-    }
-    .menu-nav-tooltip {
-    }
-  }
 }