helene/FoundKey
2
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

画像ダイアログでスクロールが発生しないように

Browse source
This commit is contained in:
syuilo 2020-11-07 05:00:42 +09:00
parent 2b69fca6bd
commit 888dcd2559
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/client/components/image-viewer.vue
View file

@ -41,10 +41,13 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.xubzgfga { .xubzgfga {
max-width: 1024px; display: flex;
flex-direction: column;
height: 100%;
> header, > header,
> footer { > footer {
align-self: center;
display: inline-block; display: inline-block;
padding: 6px 9px; padding: 6px 9px;
font-size: 90%; font-size: 90%;
@ -60,7 +63,10 @@ export default defineComponent({
> img { > img {
display: block; display: block;
max-width: 100%; flex: 1;
min-height: 0;
object-fit: contain;
width: 100%;
cursor: zoom-out; cursor: zoom-out;
image-orientation: from-image; image-orientation: from-image;
} }