mirror of
https://github.com/Cp0204/quark-auto-save.git
synced 2026-01-20 12:29:37 +08:00
Compare commits
No commits in common. "2a77fe8988c49c0175ad6c24e7543919dcacde5d" and "9a4e289c4f92be9f65ae31c8c12ba277afc91ef9" have entirely different histories.
2a77fe8988
...
9a4e289c4f
@ -101,35 +101,23 @@ body.login-page {
|
|||||||
/* --------------- Toast 通知组件 --------------- */
|
/* --------------- Toast 通知组件 --------------- */
|
||||||
.toast-container-center {
|
.toast-container-center {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 64px;
|
top: 90.5px;
|
||||||
left: 0;
|
left: 50%;
|
||||||
right: 0;
|
transform: translate(-50%, -50%);
|
||||||
margin: 0 auto;
|
|
||||||
transform: none; /* 固定顶部距离,不随内容高度变化 */
|
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
width: 100%;
|
width: auto;
|
||||||
max-width: 100%;
|
max-width: 80%;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
text-align: center; /* 容器内居中,使移动端与桌面端一致 */
|
|
||||||
padding: 0 10px; /* 页面左右各 10px 的安全边距 */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-custom {
|
.toast-custom {
|
||||||
|
min-width: 120px;
|
||||||
background-color: var(--focus-border-color);
|
background-color: var(--focus-border-color);
|
||||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
margin: 0; /* 由容器 padding 提供页面边距限制,避免强制扩张 */
|
margin: 0 auto;
|
||||||
display: inline-block; /* 保持根据内容自适应,同时允许换行后包裹 */
|
width: fit-content;
|
||||||
width: -moz-fit-content;
|
|
||||||
width: fit-content; /* 内容自适应宽度 */
|
|
||||||
max-width: calc(100vw - 20px); /* 视口宽度减去左右 10px */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bootstrap 在显示阶段可能将 .toast 设为 block,强制保持 inline-block 以持续居中 */
|
|
||||||
.toast-custom.show,
|
|
||||||
.toast-custom.showing {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.toast-body-custom {
|
.toast-body-custom {
|
||||||
@ -137,11 +125,7 @@ body.login-page {
|
|||||||
padding: 0.93rem 1.2rem;
|
padding: 0.93rem 1.2rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
white-space: normal;
|
white-space: nowrap;
|
||||||
word-break: break-word;
|
|
||||||
margin: 0 auto; /* 保持正文在容器中水平居中 */
|
|
||||||
padding-top: calc(0.93rem - 0.25px);
|
|
||||||
padding-bottom: calc(0.93rem - 0.25px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --------------- 底部按钮 --------------- */
|
/* --------------- 底部按钮 --------------- */
|
||||||
@ -8274,28 +8258,3 @@ div:has(> .collapse:not(.show)):has(+ .row.title[title^="资源搜索"]) {
|
|||||||
pointer-events: none !important; /* 不响应鼠标事件 */
|
pointer-events: none !important; /* 不响应鼠标事件 */
|
||||||
cursor: default !important; /* 指针恢复为默认 */
|
cursor: default !important; /* 指针恢复为默认 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* --------------- 模态框标题栏统一高度微调(总高度 -1px) --------------- */
|
|
||||||
#logModal .modal-header,
|
|
||||||
#fileSelectModal .modal-header,
|
|
||||||
#createTaskModal .modal-header,
|
|
||||||
#editMetadataModal .modal-header {
|
|
||||||
padding-top: 10.5px;
|
|
||||||
padding-bottom: 10.5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* --------------- 创建/编辑任务模态框:警告提示专属样式 --------------- */
|
|
||||||
/* 仅作用于 #createTaskModal 内的警告提示,不影响其他位置 */
|
|
||||||
#createTaskModal .alert-warning {
|
|
||||||
height: 32px; /* 固定提示栏高度 */
|
|
||||||
min-height: 32px; /* 覆盖全局 36px */
|
|
||||||
max-height: 32px; /* 防止内容撑高 */
|
|
||||||
display: flex; /* 垂直/水平居中文本 */
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center; /* 文本居中 */
|
|
||||||
margin-bottom: 8px; /* 与周边间距保持一致 */
|
|
||||||
padding-top: 0; /* 严格控制视觉高度为 32px */
|
|
||||||
padding-bottom: 0;
|
|
||||||
box-sizing: border-box; /* 高度包含内边距与边框,避免被额外撑高 */
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user