timxx/CloudSearch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.3.26: 保存配置按钮改为 sticky 定位，不再遮挡底部内容

Browse Source
This commit is contained in:
admin
2026-05-17 18:41:55 +08:00
parent 0bc848e196
commit 71990554c4
32 changed files with 38 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
source_clean/frontend-src/src/pages/admin/AdminLayout.vue
View File

@@ -294,21 +294,18 @@ onMounted(async () => {
/* ── Global page save bar ── */
.content-body :deep(.save-bar) {
position: fixed;
bottom: 32px;
right: 32px;
position: sticky;
bottom: 0;
z-index: 100;
background: var(--bg-card);
padding: 12px 16px;
border-radius: var(--radius-lg);
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
border: 1px solid var(--border);
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
border-bottom: none;
box-shadow: 0 -2px 12px rgba(0,0,0,0.08);
display: flex;
justify-content: flex-end;
gap: 10px;
transition: box-shadow 0.2s, transform 0.2s;
}
.content-body :deep(.save-bar:hover) {
box-shadow: 0 6px 24px rgba(0,0,0,0.18);
transform: translateY(-2px);
margin-top: 24px;
}
</style>