devlab/schedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
rafael
2025-11-20 19:38:17 -04:00
parent 956e7145e5
commit b61908a013
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles/components.css
View File

@@ -877,10 +877,13 @@ textarea {
color: var(--dark); color: var(--dark);
width: 100%; width: 100%;
max-width: 820px; max-width: 820px;
max-height: 90vh; /* Keep modal within viewport height */
display: flex; /* Allow header + scrollable body */
flex-direction: column;
border-radius: 14px; border-radius: 14px;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
border: 1px solid rgba(148, 163, 184, 0.25); border: 1px solid rgba(148, 163, 184, 0.25);
overflow: hidden; overflow: hidden; /* clip internal scrolling */
} }
.modal-header { .modal-header {
@@ -890,6 +893,7 @@ textarea {
padding: 16px 20px; padding: 16px 20px;
border-bottom: 1px solid rgba(148, 163, 184, 0.15); border-bottom: 1px solid rgba(148, 163, 184, 0.15);
background: linear-gradient(180deg, rgba(30,41,59,0.6), rgba(2,6,23,0.4)); background: linear-gradient(180deg, rgba(30,41,59,0.6), rgba(2,6,23,0.4));
flex-shrink: 0; /* keep header visible */
} }
.modal-header h3 { .modal-header h3 {
@@ -901,6 +905,9 @@ textarea {
.modal-body { .modal-body {
padding: 16px 20px 20px; padding: 16px 20px 20px;
flex: 1; /* take remaining space */
overflow: auto; /* scroll content if too tall */
-webkit-overflow-scrolling: touch; /* smooth on iOS */
} }
/* Ensure form inside modal looks nice */ /* Ensure form inside modal looks nice */