client: tweak ui
This commit is contained in:
		
							parent
							
								
									e617ced1d3
								
							
						
					
					
						commit
						902bed4db3
					
				
					 2 changed files with 7 additions and 1 deletions
				
			
		|  | @ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue