joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small modal update

Browse Source
This commit is contained in:
Ryan
2025-03-12 14:41:04 -04:00
committed by GitHub
parent bebe7454dc
commit bec10a34b4
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@@ -1134,20 +1134,27 @@ body.dark-mode #fileListContainer {
} }
.image-preview-modal-content { .image-preview-modal-content {
max-width: 90vw; max-width: fit-content !important; /* Allow modal to shrink to image size */
max-height: 90vh; max-height: 90vh;
background: #fff; background: #fff;
padding: 20px; padding: 20px !important;
border-radius: 4px; border-radius: 4px;
overflow: hidden !important; /* Prevents unexpected scrolling */ overflow: hidden !important; /* Prevents unexpected scrolling */
margin: auto; margin: auto;
position: relative; position: relative;
display: flex; display: inline-flex !important; /* Makes sure the modal content only wraps the image */
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
@media (max-width: 600px) {
.image-preview-modal-content {
max-width: fit-content !important; /* Allow modal to shrink to image size */
padding: 5px !important;
overflow: hidden !important; /* Prevents unexpected scrolling */
display: inline-flex !important; /* Makes sure the modal content only wraps the image */
}
}
body.dark-mode .image-preview-modal-content { body.dark-mode .image-preview-modal-content {
background: #2c2c2c; background: #2c2c2c;
border-color: #444; border-color: #444;