Mirrors_Framework/awesome-python
1
0
Fork 0
mirror of https://github.com/vinta/awesome-python.git synced 2026-03-24 09:44:54 +08:00
Code Issues Actions 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

21
website/static/style.css
View File

@@ -1005,19 +1005,34 @@ th[data-sort].sort-asc::after {
min-height: auto;
}
.hero-topbar,
.hero-topbar {
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0.75rem;
}
.footer {
align-items: flex-start;
flex-direction: column;
}
.hero-topbar-actions,
.hero-actions,
.final-cta-actions {
width: 100%;
}
.hero-topbar-link,
.hero-topbar-actions {
width: auto;
flex: 0 0 auto;
}
.hero-topbar-link {
width: auto;
white-space: nowrap;
}
.hero-action {
width: 100%;
}