Patch viewer to full screen
parent
f5b2265e23
commit
8b7d2ab4a4
13
src/App.vue
13
src/App.vue
|
@ -169,10 +169,23 @@ body {
|
||||||
width: calc(100% - var(--body-container-margin)*1); // was *2
|
width: calc(100% - var(--body-container-margin)*1); // was *2
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Prevent content overflow on NC <25
|
||||||
#content-vue {
|
#content-vue {
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Patch viewer to remove the title and
|
||||||
|
// make the image fill the entire screen
|
||||||
|
.viewer {
|
||||||
|
.modal-title {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.modal-wrapper .modal-container {
|
||||||
|
top: 0 !important;
|
||||||
|
bottom: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Hide horizontal scrollbar on mobile
|
// Hide horizontal scrollbar on mobile
|
||||||
// For the padding removal above
|
// For the padding removal above
|
||||||
#app-content-vue {
|
#app-content-vue {
|
||||||
|
|
Loading…
Reference in New Issue