hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-03-25 07:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(export): tighten and auto-fit content cards

Browse Source
This commit is contained in:
tisonhuang
2026-03-02 14:55:17 +08:00
parent d65d6d2396
commit 5b05b8927c
1 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/ExportPage.scss
View File

@@ -242,8 +242,8 @@
.content-card-grid { .content-card-grid {
display: grid; display: grid;
grid-template-columns: repeat(6, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
gap: 10px; gap: 8px;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -251,16 +251,16 @@
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: 12px; border-radius: 12px;
background: var(--card-bg); background: var(--card-bg);
padding: 12px; padding: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 8px;
.card-title { .card-title {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 5px;
font-size: 14px; font-size: 13px;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: 600;
} }
@@ -268,18 +268,18 @@
.card-stats { .card-stats {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 4px; gap: 3px;
.stat-item { .stat-item {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 12px; font-size: 11px;
color: var(--text-secondary); color: var(--text-secondary);
strong { strong {
color: var(--text-primary); color: var(--text-primary);
font-size: 14px; font-size: 13px;
} }
} }
} }
@@ -287,12 +287,12 @@
.card-export-btn { .card-export-btn {
margin-top: auto; margin-top: auto;
border: none; border: none;
border-radius: 8px; border-radius: 7px;
padding: 8px 10px; padding: 7px 9px;
background: var(--primary); background: var(--primary);
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 12px;
font-weight: 600; font-weight: 600;
&:hover { &:hover {
@@ -1660,10 +1660,6 @@
} }
} }
.content-card-grid {
grid-template-columns: repeat(2, minmax(160px, 1fr));
}
.format-grid { .format-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
} }