mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-09-13 07:43:43 +08:00
92 lines
1.8 KiB
SCSS
92 lines
1.8 KiB
SCSS
/* Search panel, table actions, and responsive panel shells. */
|
|
|
|
// --- 表格工具列链接按钮（全局） ---
|
|
.data-table .el-button.is-link {
|
|
width: 28px !important;
|
|
height: 28px !important;
|
|
min-width: 28px !important;
|
|
padding: 0 !important;
|
|
border-radius: var(--app-radius-md) !important;
|
|
background: var(--app-accent-soft) !important;
|
|
}
|
|
|
|
.data-table .el-button.is-link + .el-button.is-link {
|
|
margin-left: 4px !important;
|
|
}
|
|
|
|
.search-wrap {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.search-panel,
|
|
.table-panel {
|
|
transform: translateZ(0);
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
.search-panel {
|
|
isolation: isolate;
|
|
|
|
.el-card__header {
|
|
display: block;
|
|
padding: 12px 16px !important;
|
|
}
|
|
|
|
.el-card__body {
|
|
padding-top: 16px !important;
|
|
overflow: hidden;
|
|
max-height: 560px;
|
|
opacity: 1;
|
|
transition:
|
|
max-height 0.32s cubic-bezier(0.22, 1, 0.36, 1),
|
|
opacity 0.24s ease,
|
|
padding-top 0.24s ease,
|
|
padding-bottom 0.24s ease;
|
|
}
|
|
}
|
|
|
|
.search-panel.is-collapsed {
|
|
.el-card__body {
|
|
max-height: 0;
|
|
opacity: 0;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
.search-panel-toggle {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
transition: color 0.24s ease;
|
|
|
|
&:hover {
|
|
color: var(--app-accent-strong);
|
|
}
|
|
|
|
&::after {
|
|
content: '';
|
|
margin-left: auto;
|
|
width: 9px;
|
|
height: 9px;
|
|
border-right: 2px solid currentColor;
|
|
border-bottom: 2px solid currentColor;
|
|
color: var(--app-text-muted);
|
|
transform: rotate(-135deg);
|
|
transition:
|
|
transform 0.24s ease,
|
|
color 0.24s ease;
|
|
}
|
|
}
|
|
|
|
.search-panel.is-collapsed .search-panel-toggle::after {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
html.dark {
|
|
.tree-border {
|
|
background: var(--app-surface-bg);
|
|
border-color: var(--app-surface-border);
|
|
}
|
|
}
|