clean up
This commit is contained in:
		
							parent
							
								
									f83cccd7a6
								
							
						
					
					
						commit
						10a659eb99
					
				
					 1 changed files with 0 additions and 127 deletions
				
			
		|  | @ -46,130 +46,3 @@ async function ok() { | ||||||
| 	dialog.close(); | 	dialog.close(); | ||||||
| } | } | ||||||
| </script> | </script> | ||||||
| 
 |  | ||||||
| <style lang="scss" scoped> |  | ||||||
| .container { |  | ||||||
| 	display: flex; |  | ||||||
| 	width: 100%; |  | ||||||
| 	height: 100%; |  | ||||||
| 	flex-direction: row; |  | ||||||
| 	overflow: scroll; |  | ||||||
| 	position: fixed; |  | ||||||
| 	left: 0; |  | ||||||
| 	top: 0; |  | ||||||
| } |  | ||||||
| @media (max-width: 850px) { |  | ||||||
| 	.container { |  | ||||||
| 		flex-direction: column; |  | ||||||
| 	} |  | ||||||
| 	.top-caption { |  | ||||||
| 		padding-bottom: 8px; |  | ||||||
| 	} |  | ||||||
| } |  | ||||||
| .fullwidth { |  | ||||||
| 	width: 100%; |  | ||||||
| 	margin: auto; |  | ||||||
| } |  | ||||||
| .mk-dialog { |  | ||||||
| 	position: relative; |  | ||||||
| 	padding: 32px; |  | ||||||
| 	min-width: 320px; |  | ||||||
| 	max-width: 480px; |  | ||||||
| 	box-sizing: border-box; |  | ||||||
| 	text-align: center; |  | ||||||
| 	background: var(--panel); |  | ||||||
| 	border-radius: var(--radius); |  | ||||||
| 	margin: auto; |  | ||||||
| 
 |  | ||||||
| 	> header { |  | ||||||
| 		margin: 0 0 8px 0; |  | ||||||
| 		position: relative; |  | ||||||
| 
 |  | ||||||
| 		> .title { |  | ||||||
| 			font-weight: bold; |  | ||||||
| 			font-size: 20px; |  | ||||||
| 		} |  | ||||||
| 
 |  | ||||||
| 		> .text-count { |  | ||||||
| 			opacity: 0.7; |  | ||||||
| 			position: absolute; |  | ||||||
| 			right: 0; |  | ||||||
| 		} |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	> .buttons { |  | ||||||
| 		margin-top: 16px; |  | ||||||
| 
 |  | ||||||
| 		> * { |  | ||||||
| 			margin: 0 8px; |  | ||||||
| 		} |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	> textarea { |  | ||||||
| 		display: block; |  | ||||||
| 		box-sizing: border-box; |  | ||||||
| 		padding: 0 24px; |  | ||||||
| 		margin: 0; |  | ||||||
| 		width: 100%; |  | ||||||
| 		font-size: 16px; |  | ||||||
| 		border: none; |  | ||||||
| 		border-radius: 0; |  | ||||||
| 		background: transparent; |  | ||||||
| 		color: var(--fg); |  | ||||||
| 		font-family: inherit; |  | ||||||
| 		max-width: 100%; |  | ||||||
| 		min-width: 100%; |  | ||||||
| 		min-height: 90px; |  | ||||||
| 
 |  | ||||||
| 		&:focus-visible { |  | ||||||
| 			outline: none; |  | ||||||
| 		} |  | ||||||
| 
 |  | ||||||
| 		&:disabled { |  | ||||||
| 			opacity: 0.5; |  | ||||||
| 		} |  | ||||||
| 	} |  | ||||||
| } |  | ||||||
| .hdrwpsaf { |  | ||||||
| 	display: flex; |  | ||||||
| 	flex-direction: column; |  | ||||||
| 	height: 100%; |  | ||||||
| 
 |  | ||||||
| 	> header, |  | ||||||
| 	> footer { |  | ||||||
| 		align-self: center; |  | ||||||
| 		display: inline-block; |  | ||||||
| 		padding: 6px 9px; |  | ||||||
| 		font-size: 90%; |  | ||||||
| 		background: rgba(0, 0, 0, 0.5); |  | ||||||
| 		border-radius: 6px; |  | ||||||
| 		color: #fff; |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	> header { |  | ||||||
| 		margin-bottom: 8px; |  | ||||||
| 		opacity: 0.9; |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	> img { |  | ||||||
| 		display: block; |  | ||||||
| 		flex: 1; |  | ||||||
| 		min-height: 0; |  | ||||||
| 		object-fit: contain; |  | ||||||
| 		width: 100%; |  | ||||||
| 		cursor: zoom-out; |  | ||||||
| 		image-orientation: from-image; |  | ||||||
| 	} |  | ||||||
| 
 |  | ||||||
| 	> footer { |  | ||||||
| 		margin-top: 8px; |  | ||||||
| 		opacity: 0.8; |  | ||||||
| 
 |  | ||||||
| 		> span + span { |  | ||||||
| 			margin-left: 0.5em; |  | ||||||
| 			padding-left: 0.5em; |  | ||||||
| 			border-left: solid 1px rgba(255, 255, 255, 0.5); |  | ||||||
| 		} |  | ||||||
| 	} |  | ||||||
| } |  | ||||||
| </style> |  | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue