Skip to content

Commit c73de22

Browse files
committed
Increase modal popup size for better usability
- Increased modal max-width from 600px to 1400px - Increased modal width from 90% to 95% - Increased browse modal min-height from 400px to 600px - Changed items list max-height to 70vh for better scaling
1 parent c3d5179 commit c73de22

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

webui/src/App.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -549,8 +549,8 @@ body {
549549
.modal-content {
550550
background: var(--bg-secondary);
551551
border-radius: 1rem;
552-
width: 90%;
553-
max-width: 600px;
552+
width: 95%;
553+
max-width: 1400px;
554554
max-height: 90vh;
555555
overflow-y: auto;
556556
border: 1px solid var(--border);
@@ -963,7 +963,7 @@ body {
963963

964964
/* Browse Modal */
965965
.browse-modal {
966-
min-height: 400px;
966+
min-height: 600px;
967967
}
968968

969969
.library-selector p {
@@ -1031,7 +1031,7 @@ body {
10311031
display: grid;
10321032
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
10331033
gap: 1rem;
1034-
max-height: 500px;
1034+
max-height: 70vh;
10351035
overflow-y: auto;
10361036
padding: 0.5rem;
10371037
}

0 commit comments

Comments
 (0)