xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

优化系统发信配置一页布局
Some checks are pending
Security Checks / security (push) Waiting to run
Details

Browse Source 
扩展详情区域，优化 SMTP 配置密度，避免邮箱和用户名被逐字换行。
This commit is contained in:
smail 2026-09-27 14:58:18 +08:00
parent 666c4f9244
commit 498493374e
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/components/SystemNotification/SystemNotification.css
View File

@ -223,7 +223,7 @@
/* Desktop manager layout: keep the authorization list and selected account settings visible together. */
.notification-settings:has(> .notification-manager-panel) {
display: grid;
grid-template-columns: minmax(220px, 0.68fr) minmax(420px, 1.32fr);
grid-template-columns: minmax(240px, 0.44fr) minmax(580px, 1.56fr);
align-items: start;
gap: 8px 10px;
min-width: 0;
@ -303,7 +303,7 @@
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns {
display: grid;
grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
grid-template-columns: minmax(260px, 0.72fr) minmax(360px, 1.28fr);
gap: 6px 10px;
align-items: start;
}
@ -369,6 +369,7 @@
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel :deep(.el-descriptions__label) {
width: 96px;
white-space: nowrap;
}
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-hint {
@ -506,7 +507,7 @@
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table > tbody > tr {
display: grid;
grid-template-columns: 86px minmax(0, 1fr);
grid-template-columns: 96px minmax(0, 1fr);
min-width: 0;
}
@ -516,6 +517,12 @@
word-break: normal;
}
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) code {
overflow-wrap: break-word;
word-break: normal;
white-space: normal;
}
@media (max-width: 920px) {
.notification-settings:has(> .notification-manager-panel) > .notification-detail-panel .notification-columns > :deep(.el-descriptions ~ .el-descriptions) .el-descriptions__body > table {
display: table;