Fix the member home layout: align the Code Farm promo, fill sparse post rows

Browse Source 
The signed-in dashboard is a 1200px two-column grid, but the shared
Code Farm promo section stayed at the guest page's 960px centered
measure, so it floated misaligned under the dashboard columns. A
landing-game-dashboard modifier (applied only when a user is signed
in) stretches it to the dashboard's own measure and gutters. The
Latest Posts grid becomes repeat(auto-fit, minmax(320px, 1fr)) so a
single post fills the row instead of leaving a dead half-column while
two or more still lay out as the original two columns.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
blindxfish 2026-08-09 21:32:53 +02:00
parent 2921edd7f3
commit c09e6b328c
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
devplacepy/static/css/landing.css
View File

@ -171,7 +171,7 @@
.dashboard-posts-grid { .dashboard-posts-grid {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 0.875rem; gap: 0.875rem;
} }
@ -1004,6 +1004,12 @@
z-index: 1; z-index: 1;
} }
.landing-game-dashboard {
max-width: 1200px;
padding: 0 1.25rem;
margin-top: 2rem;
}
.landing-game-body { .landing-game-body {
position: relative; position: relative;
overflow: hidden; overflow: hidden;

2
devplacepy/templates/landing.html
View File

@ -146,7 +146,7 @@
</section> </section>
{% endif %} {% endif %}
<section class="landing-game" aria-labelledby="landing-game-heading"> <section class="landing-game{% if user %} landing-game-dashboard{% endif %}" aria-labelledby="landing-game-heading">
<div class="landing-game-glow"></div> <div class="landing-game-glow"></div>
<div class="landing-game-body"> <div class="landing-game-body">
<span class="landing-game-eyebrow">New on DevPlace</span> <span class="landing-game-eyebrow">New on DevPlace</span>