cykj/gsfdc
1
0 Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(portal): widen home layout and raise hero height

Browse Source 
Reduce side gutters to 1480px content width and lift both template carousels to 480px for a fuller homepage presence.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
wuzilongandCursor committed 2026-11-10 12:12:32 +08:00
1 parent f33d9d7601
commit 24b51070e0
1 file changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files
portal/app/assets/home.css
+7 -7
View File
@@ -11,7 +11,7 @@
background: var(--bg);
}
.data a { color: inherit; text-decoration: none; }
.wrap { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
.wrap { width: min(1480px, calc(100% - 32px)); margin: 0 auto; }
.list { margin: 0; padding: 0; list-style: none; }
.list li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.list time { flex: none; color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
@@ -135,7 +135,7 @@
#brand .hero { background-image: none; }
#tech .hero {
margin-top: 18px;
position: relative; height: 360px; border-radius: 18px; overflow: hidden;
position: relative; height: 480px; border-radius: 18px; overflow: hidden;
background: var(--slide1) center/cover no-repeat;
box-shadow: 0 18px 40px rgba(10,40,100,.18);
}
@@ -223,7 +223,7 @@
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
column-gap: 28px;
width: min(1320px, calc(100% - 32px));
width: min(1480px, calc(100% - 32px));
margin: 0 auto;
padding: 28px 0 22px;
}
@@ -288,7 +288,7 @@
}
#brand nav.menu a[aria-current="page"] { box-shadow: inset 0 -3px 0 #e4c98a; }
#brand .hero {
margin-top: 22px; height: 340px; background: var(--slide2) center/cover no-repeat;
margin-top: 22px; height: 480px; background: var(--slide2) center/cover no-repeat;
position: relative; border: 1px solid var(--line);
border-radius: var(--r); overflow: hidden;
}
@@ -364,8 +364,8 @@
@media (max-width: 860px) {
#tech .cols, #tech .service-row, #tech .foot,
#brand .sheet, #brand .foot, #brand .rows { grid-template-columns: 1fr; }
#brand .hero { height: 220px; }
#tech .hero { height: 220px; border-radius: 12px; }
#brand .hero { height: 260px; }
#tech .hero { height: 260px; border-radius: 12px; }
#tech .mast-row { flex-direction: column; align-items: flex-start; }
#tech .slogan { text-align: left; max-width: none; padding-left: 0; border-left: 0; border-top: 3px solid #0b3a66; padding-top: 10px; }
#tech .slogan h2 { font-size: 22px; letter-spacing: .08em; }
@@ -374,7 +374,7 @@
display: flex;
flex-direction: column;
align-items: center;
width: min(1320px, calc(100% - 32px));
width: min(1480px, calc(100% - 32px));
}
#brand .brand-head::before { content: none; }
#brand .brand-head > .wrap { width: 100%; }