heartles
/
egirlskey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

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

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