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

Fix modal width mismatch with content
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 1m15s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
- Remove padding from Modal's .content wrapper (let children control)
- Remove conflicting width/max-width from SchoolSearchModal
- Modal size classes now properly control the width

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Tudor
2026-02-03 13:03:47 +00:00
parent 51b081d9e0
commit d22275bfe0
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nextjs-app/components/Modal.module.css
View File

@@ -92,7 +92,6 @@
} }
.content { .content {
padding: 1.5rem;
overflow-y: auto; overflow-y: auto;
flex: 1; flex: 1;
} }
@@ -139,8 +138,7 @@
} }
} }
.header, .header {
.content {
padding: 1rem; padding: 1rem;
} }
} }

7
nextjs-app/components/SchoolSearchModal.module.css
View File

@@ -1,7 +1,5 @@
.modalContent { .modalContent {
padding: 2rem; padding: 1.5rem;
max-width: 600px;
width: 90vw;
} }
.title { .title {
@@ -182,8 +180,7 @@
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
.modalContent { .modalContent {
padding: 1.5rem; padding: 1rem;
width: 95vw;
} }
.title { .title {