shumengya/cwd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化模态框和卡片组件的样式

Browse Source 
调整模态框宽度属性以改善响应式布局，移除卡片底部外边距并统一间距
This commit is contained in:
anghunk
2026-02-03 15:01:43 +08:00
parent a22e1ff5a8
commit b304f52ceb
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
cwd-admin/src/styles/common.less
View File

@@ -44,7 +44,7 @@ button {
.page { .page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 15px;
} }
.page-title { .page-title {
@@ -63,14 +63,11 @@ button {
color: var(--color-danger); color: var(--color-danger);
} }
.card { .card {
background-color: var(--bg-card); background-color: var(--bg-card);
border-radius: 6px; border-radius: 6px;
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
padding: 12px 18px; padding: 12px 18px;
margin-bottom: 1em;
} }
.card-header { .card-header {

5
cwd-admin/src/views/LayoutView/index.vue
View File

@@ -369,8 +369,9 @@ function closeVersionModal() {
.modal { .modal {
background-color: var(--bg-card); background-color: var(--bg-card);
border-radius: 10px; border-radius: 10px;
width: 420px; max-width: 420px;
max-width: 100%; width: 100%;
margin: 10px;
padding: 20px 20px 18px; padding: 20px 20px 18px;
box-shadow: var(--shadow-card); box-shadow: var(--shadow-card);
display: flex; display: flex;