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 {
max-width: 90vw;
max-width: fit-content !important; /* Allow modal to shrink to image size */
max-height: 90vh;
background: #fff;
padding: 20px;
padding: 20px !important;
border-radius: 4px;
overflow: hidden !important; /* Prevents unexpected scrolling */
margin: auto;
position: relative;
display: flex;
display: inline-flex !important; /* Makes sure the modal content only wraps the image */
flex-direction: column;
align-items: 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 {
background: #2c2c2c;
border-color: #444;