1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-28 08:06:56 +00:00
Files
seahub/frontend/src/css/image-file-view.css
Aries 06e4c211f5 Feature/dark mode (#8026)
* update css stylesheet, replace css properties with css variable

* update css variable

* libraries,favorites,activities and help pages, etc

* wiki dark mode

* sdoc dark mode

* markdown, text editor, etc

* sysadmin pages

* update seafile-ui.css

* update template, css variable

* clean up

* update seafile-ui

* update modal css

* update seafile-ui.css

* delete diff

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
Co-authored-by: Michael An <1822852997@qq.com>
2025-07-15 14:07:26 +08:00

57 lines
816 B
CSS

.image-file-view {
position: relative;
text-align: center;
}
.image-file-view:before {
content: ' ';
display: inline-block;
vertical-align: middle;
height: 100%;
font-size: 0;
line-height: 0;
}
#image-view {
padding: 1px;
background: var(--bs-body-bg);
border: 1px solid #eee;
width: auto;
height: auto;
max-width: calc(100% - 4px);
max-height: calc(100% - 4px);
font-size: 0;
line-height: 0;
}
#img-prev,
#img-next {
position: absolute;
top: 48%;
text-decoration: none;
color: #666;
width: 50px;
height: 50px;
background: var(--bs-body-bg);
border-radius: 100%;
line-height: 50px;
z-index: 1;
}
#img-prev {
left: 15px;
}
#img-next {
right: 15px;
}
#img-prev:hover,
#img-next:hover {
color: var(--bs-body-color);
}
.image-zoomer {
height: 24px;
}