xpltdco/chrysopedia
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

feat: Unified homepage layout: 42rem max-width on 5 sections, removed b…

Browse source 
- "frontend/src/App.css"

GSD-Task: S01/T01
This commit is contained in:
jlightner 2026-04-03 05:31:46 +00:00
parent 489ad88893
commit 9e31e2b744
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/App.css
View file

@ -1164,7 +1164,7 @@ a.app-footer__repo:hover {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
gap: 0.5rem; gap: 0.5rem;
max-width: 36rem; max-width: 42rem;
margin: 0 auto; margin: 0 auto;
} }
@ -1427,7 +1427,7 @@ a.app-footer__repo:hover {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 1rem; gap: 1rem;
max-width: 36rem; max-width: 42rem;
margin: 0 auto 2rem; margin: 0 auto 2rem;
} }
@ -1467,8 +1467,8 @@ a.app-footer__repo:hover {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 2.5rem; gap: 2.5rem;
max-width: 36rem; max-width: 42rem;
margin: 0 auto 1.5rem; margin: 0 auto 2rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
background: var(--color-bg-surface); background: var(--color-bg-surface);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
@ -1503,15 +1503,13 @@ a.app-footer__repo:hover {
.home-featured { .home-featured {
max-width: 42rem; max-width: 42rem;
margin: 0 auto 1.5rem; margin: 0 auto 2rem;
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
background: var(--color-bg-surface); background: var(--color-bg-surface);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: 0.5rem; border-radius: 0.5rem;
text-align: left; text-align: left;
position: relative; position: relative;
border-image: linear-gradient(135deg, var(--color-accent), #a855f7) 1;
border-image-slice: 1;
box-shadow: box-shadow:
0 0 20px rgba(34, 211, 238, 0.15), 0 0 20px rgba(34, 211, 238, 0.15),
0 0 40px rgba(34, 211, 238, 0.05); 0 0 40px rgba(34, 211, 238, 0.05);
@ -2979,6 +2977,9 @@ a.app-footer__repo:hover {
.home-cta { .home-cta {
width: 100%; width: 100%;
max-width: 20rem;
margin-left: auto;
margin-right: auto;
text-align: center; text-align: center;
} }
@ -3277,14 +3278,14 @@ a.app-footer__repo:hover {
.home-random { .home-random {
text-align: center; text-align: center;
margin: 1.5rem 0 0.5rem; margin: 1.5rem 0 2rem;
} }
/* ── Trending Searches ──────────────────────────────────────────────────── */ /* ── Trending Searches ──────────────────────────────────────────────────── */
.home-trending { .home-trending {
max-width: 36rem; max-width: 42rem;
margin: 0 auto 1rem; margin: 0 auto 2rem;
padding: 1rem 1.5rem; padding: 1rem 1.5rem;
background: var(--color-bg-surface); background: var(--color-bg-surface);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);