client: tweak ui
This commit is contained in:
parent
e617ced1d3
commit
902bed4db3
|
@ -60,11 +60,16 @@ export default defineComponent({
|
||||||
children: '.image',
|
children: '.image',
|
||||||
thumbSelector: '.image',
|
thumbSelector: '.image',
|
||||||
loop: false,
|
loop: false,
|
||||||
padding: {
|
padding: window.innerWidth > 500 ? {
|
||||||
top: 32,
|
top: 32,
|
||||||
bottom: 32,
|
bottom: 32,
|
||||||
left: 32,
|
left: 32,
|
||||||
right: 32,
|
right: 32,
|
||||||
|
} : {
|
||||||
|
top: 0,
|
||||||
|
bottom: 0,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
},
|
},
|
||||||
imageClickAction: 'close',
|
imageClickAction: 'close',
|
||||||
tapAction: 'toggle-controls',
|
tapAction: 'toggle-controls',
|
||||||
|
|
|
@ -153,6 +153,7 @@ export default defineComponent({
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
overscroll-behavior: contain;
|
||||||
|
|
||||||
&.center {
|
&.center {
|
||||||
> .item {
|
> .item {
|
||||||
|
|
Loading…
Reference in New Issue