Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

improved image viewer and some css
All checks were successful
Run Integration Tests / test (push) Successful in 29s
Details

Browse source
This commit is contained in:
partisan 2025-04-19 21:24:27 +02:00
parent 7cd5e80468
commit 5fdbe231d1
7 changed files with 120 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

21
static/css/style-imageviewer.css
View file

@ -33,6 +33,7 @@
#viewer-image {
max-width: 100%;
max-height: 60vh;
border-radius: 5px;
}
/* Viewer Title */
@ -101,13 +102,13 @@
/* View Image Container */
#viewer-image-container {
background-color: var(--view-image-color);
background-color: #0000;
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
margin-top: 20px;
}
/* Full Size and Proxy Size Links */
@ -153,14 +154,24 @@
}
/* Responsive Design */
@media only screen and (max-width: 750px) {
@media only screen and (max-width: 880px) {
#image-viewer {
width: 100%;
height: 77%;
margin-top: -33px;
height: 100% !important;
margin-top: 28px;
margin-right: 0%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
.material-icons-round {
font-size: 32px;
}
#viewer-image-container {
margin-top: 5px;
}
#viewer-image {