Mirrors_Framework/awesome-python
1
0
Fork 0
mirror of https://github.com/vinta/awesome-python.git synced 2026-05-28 22:31:31 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(css): fix hero topbar layout on small screens

Browse Source 
Split hero-topbar and footer selectors to apply distinct responsive
styles. The topbar now uses a horizontal row layout with nowrap so
the nav link does not stack vertically, while hero-topbar-actions
and hero-topbar-link get auto widths to avoid stretching full-width.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 23:42:18 +08:00
parent 7d1007d373
commit a92b1a6e86
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/static/style.css
+18 -3
View File
@@ -1005,19 +1005,34 @@ th[data-sort].sort-asc::after {
min-height: auto; min-height: auto;
} }
.hero-topbar, .hero-topbar {
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0.75rem;
}
.footer { .footer {
align-items: flex-start; align-items: flex-start;
flex-direction: column; flex-direction: column;
} }
.hero-topbar-actions,
.hero-actions, .hero-actions,
.final-cta-actions { .final-cta-actions {
width: 100%; width: 100%;
} }
.hero-topbar-link, .hero-topbar-actions {
width: auto;
flex: 0 0 auto;
}
.hero-topbar-link {
width: auto;
white-space: nowrap;
}
.hero-action { .hero-action {
width: 100%; width: 100%;
} }