Mirrors_Framework/awesome-python
1
0
Fork 0
mirror of https://github.com/vinta/awesome-python.git synced 2026-03-24 01:24:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(css): scope final-cta grid to inner section-shell wrapper

Browse Source 
Move display:grid and gap from .final-cta to .final-cta > .section-shell
so the grid context is applied to the correct container element, not the
outer section. Wrap final-cta content in index.html with a section-shell
div accordingly. Also fix .no-results bottom padding that was missing.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 15:37:59 +08:00
parent 38412182e7
commit 53d280ddcf
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
website/static/style.css
View File

@@ -831,7 +831,7 @@ th[data-sort].sort-asc::after {
} }
.no-results { .no-results {
padding: 2.4rem var(--shell-pad) 0; padding: 2.4rem var(--shell-pad);
text-align: center; text-align: center;
color: var(--ink-muted); color: var(--ink-muted);
font-size: var(--text-lg); font-size: var(--text-lg);
@@ -860,6 +860,9 @@ th[data-sort].sort-asc::after {
.final-cta { .final-cta {
padding-block: clamp(3rem, 7vw, 5.5rem); padding-block: clamp(3rem, 7vw, 5.5rem);
background: oklch(94% 0.025 72); background: oklch(94% 0.025 72);
}
.final-cta > .section-shell {
display: grid; display: grid;
gap: 1rem; gap: 1rem;
} }

4
website/templates/index.html
View File

@@ -243,7 +243,8 @@
</div> </div>
</section> </section>
<section class="final-cta section-shell" data-reveal> <section class="final-cta" data-reveal>
<div class="section-shell">
<p class="section-label">Contribute</p> <p class="section-label">Contribute</p>
<h2>Know a project that belongs here?</h2> <h2>Know a project that belongs here?</h2>
<p>Tell us what it does and why it stands out.</p> <p>Tell us what it does and why it stands out.</p>
@@ -263,5 +264,6 @@
>Star the repository</a >Star the repository</a
> >
</div> </div>
</div>
</section> </section>
{% endblock %} {% endblock %}