完善前端UI
This commit is contained in:
@@ -7,12 +7,15 @@
|
||||
--st-line: rgba(34, 42, 54, 0.10);
|
||||
--st-wash: rgba(34, 42, 54, 0.045);
|
||||
--st-shadow: 0 8px 20px rgba(20, 27, 38, 0.09);
|
||||
max-width: 1140px;
|
||||
padding-bottom: 44px;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
box-sizing: border-box;
|
||||
margin: -24px -28px -60px;
|
||||
padding: 52px clamp(40px, 3.2vw, 68px) 48px;
|
||||
|
||||
.page-head { margin-bottom: 22px; }
|
||||
.page-head h1 { font-size: 28px; }
|
||||
.page-head .sub { margin-top: 6px; font-size: 15px; color: var(--st-muted); }
|
||||
.page-head { margin-bottom: 34px; }
|
||||
.page-head h1 { font-size: 32px; line-height: 1.2; letter-spacing: -.02em; }
|
||||
.page-head .sub { margin-top: 10px; font-size: 15px; color: var(--st-muted); }
|
||||
|
||||
.tc-ghost,
|
||||
.tc-primary,
|
||||
@@ -364,6 +367,7 @@
|
||||
.list-pager { padding: 12px 20px 16px; border-top: 1px solid rgba(34, 42, 54, 0.07); }
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
margin: -28px -24px -48px;
|
||||
.tc-hero { grid-template-columns: minmax(230px, 1fr) repeat(2, minmax(125px, 0.7fr)); }
|
||||
.tc-grid { grid-template-columns: 1fr; }
|
||||
.tc-row { grid-template-columns: minmax(140px, 1.2fr) 64px minmax(80px, 0.7fr) minmax(80px, 0.7fr) 92px; }
|
||||
|
||||
Reference in New Issue
Block a user