保存规则库 YAML 维护改造进展
This commit is contained in:
+164
-3
@@ -292,9 +292,170 @@
|
||||
|
||||
/* 内容容器 */
|
||||
.content-container {
|
||||
@apply p-6 bg-gray-50 flex-1 overflow-auto;
|
||||
@apply py-6 bg-gray-50 flex-1 overflow-auto;
|
||||
}
|
||||
|
||||
|
||||
/* === 页面顶部栏 === */
|
||||
.page-topbar {
|
||||
@apply fixed top-0 right-0 z-[90] border-b border-gray-100 transition-all duration-300;
|
||||
left: 240px;
|
||||
background: rgba(255, 255, 255, 0.96);
|
||||
box-shadow: 0 6px 18px rgba(19, 51, 38, 0.08);
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.page-topbar.sidebar-collapsed {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-content {
|
||||
@apply flex items-center justify-between px-6 py-3 gap-4;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-left {
|
||||
@apply flex items-center gap-3 flex-1 min-w-0;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-icon {
|
||||
@apply inline-flex items-center justify-center w-10 h-10 rounded-md flex-shrink-0;
|
||||
color: #00684a;
|
||||
background: rgba(0, 104, 74, 0.08);
|
||||
border: 1px solid rgba(0, 104, 74, 0.16);
|
||||
}
|
||||
|
||||
.page-topbar .topbar-icon i {
|
||||
@apply text-xl;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-heading {
|
||||
@apply flex flex-col gap-1 min-w-0;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-title {
|
||||
@apply m-0 text-lg font-semibold text-gray-900 whitespace-nowrap;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-breadcrumb {
|
||||
@apply flex items-center gap-2 text-gray-500 text-xs;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-breadcrumb a {
|
||||
@apply text-green-700 no-underline transition-colors duration-200;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-breadcrumb a:hover {
|
||||
@apply text-green-800 underline;
|
||||
}
|
||||
|
||||
.page-topbar .separator {
|
||||
@apply text-gray-400;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-right {
|
||||
@apply flex items-center gap-2 flex-shrink-0;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-action {
|
||||
@apply inline-flex items-center justify-center gap-1.5 h-9 px-3.5 rounded-md
|
||||
text-sm font-medium no-underline transition-all duration-200;
|
||||
color: #ffffff;
|
||||
background: #00684a;
|
||||
border: 1px solid #00684a;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-action:hover {
|
||||
color: #ffffff;
|
||||
background: #005a3f;
|
||||
border-color: #005a3f;
|
||||
box-shadow: 0 4px 10px rgba(0, 104, 74, 0.18);
|
||||
}
|
||||
|
||||
.page-topbar .topbar-action.secondary {
|
||||
color: #243d32;
|
||||
background: #ffffff;
|
||||
border-color: #d7e2dc;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-action.secondary:hover {
|
||||
color: #00684a;
|
||||
background: #f3faf6;
|
||||
border-color: rgba(0, 104, 74, 0.32);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-nav {
|
||||
@apply flex items-center gap-2 px-6 py-2.5 border-t border-gray-100 flex-wrap;
|
||||
background: #f7faf8;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-nav-link {
|
||||
@apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-white text-gray-700
|
||||
no-underline text-sm transition-all duration-200 border border-gray-200
|
||||
cursor-pointer hover:border-green-700 hover:text-green-700 hover:bg-green-50;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-nav-link i {
|
||||
@apply text-base;
|
||||
color: #6b7d74;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-nav-link:hover i {
|
||||
color: #00684a;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-strip {
|
||||
@apply flex items-end gap-3 px-6 py-3 border-t border-gray-100 flex-wrap;
|
||||
background: #f7faf8;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-field {
|
||||
@apply flex flex-col gap-1.5 min-w-[180px];
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-field-search {
|
||||
@apply flex-1 min-w-[260px];
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-field span {
|
||||
@apply text-xs font-medium text-gray-600;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-field select,
|
||||
.page-topbar .topbar-filter-field input {
|
||||
@apply h-9 rounded-md border border-gray-200 bg-white px-3 text-sm text-gray-800
|
||||
outline-none transition-all duration-200;
|
||||
}
|
||||
|
||||
.page-topbar .topbar-filter-field select:focus,
|
||||
.page-topbar .topbar-filter-field input:focus {
|
||||
border-color: #00684a;
|
||||
box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.1);
|
||||
}
|
||||
|
||||
.main-content.rules-detail-main,
|
||||
.main-content.rules-list-main {
|
||||
@apply h-screen overflow-hidden;
|
||||
}
|
||||
|
||||
.main-content.rules-detail-main .content-container,
|
||||
.main-content.rules-list-main .content-container {
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.main-content.rules-detail-main .content-container {
|
||||
padding-top: 132px;
|
||||
}
|
||||
|
||||
.main-content.rules-list-main .content-container {
|
||||
padding-top: 156px;
|
||||
}
|
||||
|
||||
/* === 面包屑导航 === */
|
||||
.breadcrumb {
|
||||
@apply flex items-center text-sm text-gray-500 mb-4;
|
||||
@@ -388,4 +549,4 @@ i[class^="ri-"],
|
||||
i[class*=" ri-"] {
|
||||
font-family: 'remixicon' !important;
|
||||
font-style: normal !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user