mirror of
https://github.com/vinta/awesome-python.git
synced 2026-11-08 02:15:12 -06:00
fix: size the home hero to its content height
The home hero was forced to the full viewport height, opening an empty band between the top bar and the headline whenever its content was shorter than the window and pushing the project table down. Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -157,7 +157,6 @@ kbd {
|
||||
.hero {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 100svh;
|
||||
overflow: clip;
|
||||
background:
|
||||
radial-gradient(circle at 18% 18%, oklch(55% 0.14 45 / 0.34), transparent 22rem),
|
||||
@@ -209,12 +208,10 @@ kbd {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: min(100%, calc(var(--shell-max) + (var(--shell-pad) * 2)));
|
||||
min-height: 100svh;
|
||||
margin: 0 auto;
|
||||
padding: 1.25rem var(--shell-pad) 2.4rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
@@ -1739,7 +1736,6 @@ th[data-sort].sort-asc::after {
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.hero-shell {
|
||||
min-height: auto;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
@@ -1802,10 +1798,6 @@ th[data-sort].sort-asc::after {
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.hero {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.hero-topbar {
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user