tudor/school_compare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ux): make filter bar full width to align with layout
All checks were successful
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 34s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 1m12s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Tudor
2026-03-05 09:40:37 +00:00
parent ad7380dba5
commit 2b808959c5
2 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nextjs-app/components/FilterBar.module.css
View File

@@ -6,9 +6,6 @@
margin-bottom: 2rem; margin-bottom: 2rem;
box-shadow: var(--shadow-soft, 0 2px 8px rgba(26, 22, 18, 0.06)); box-shadow: var(--shadow-soft, 0 2px 8px rgba(26, 22, 18, 0.06));
transition: opacity 0.2s ease; transition: opacity 0.2s ease;
max-width: 800px;
margin-left: auto;
margin-right: auto;
} }
.filterBar.isLoading { .filterBar.isLoading {

31
nextjs-app/components/HomeView.module.css
View File

@@ -2,6 +2,37 @@
width: 100%; width: 100%;
} }
.heroSection {
text-align: center;
margin-bottom: 2rem;
padding-top: 1rem;
}
.heroTitle {
font-size: 2.5rem;
font-weight: 700;
color: var(--text-primary, #1a1612);
margin-bottom: 0.5rem;
line-height: 1.2;
font-family: var(--font-playfair), 'Playfair Display', serif;
}
.heroDescription {
font-size: 1.1rem;
color: var(--text-secondary, #5c564d);
margin: 0 auto;
max-width: 600px;
}
@media (max-width: 768px) {
.heroTitle {
font-size: 1.75rem;
}
.heroDescription {
font-size: 1rem;
}
}
.locationBannerWrapper { .locationBannerWrapper {
display: flex; display: flex;
align-items: center; align-items: center;