clean up
This commit is contained in:
		| @@ -46,130 +46,3 @@ async function ok() { | ||||
| 	dialog.close(); | ||||
| } | ||||
| </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> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo