refactor
This commit is contained in:
		| @@ -1,10 +1,10 @@ | ||||
| <template> | ||||
| <div class="adhpbeou"> | ||||
| 	<div class="label" @click="focus"><slot name="label"></slot></div> | ||||
| 	<div class="content"> | ||||
| <div> | ||||
| 	<div :class="$style.label" @click="focus"><slot name="label"></slot></div> | ||||
| 	<div :class="$style.content"> | ||||
| 		<slot></slot> | ||||
| 	</div> | ||||
| 	<div class="caption"><slot name="caption"></slot></div> | ||||
| 	<div :class="$style.caption"><slot name="caption"></slot></div> | ||||
| </div> | ||||
| </template> | ||||
|  | ||||
| @@ -16,26 +16,24 @@ function focus() { | ||||
| } | ||||
| </script> | ||||
|  | ||||
| <style lang="scss" scoped> | ||||
| .adhpbeou { | ||||
| 	> .label { | ||||
| 		font-size: 0.85em; | ||||
| 		padding: 0 0 8px 0; | ||||
| 		user-select: none; | ||||
| <style lang="scss" module> | ||||
| .label { | ||||
| 	font-size: 0.85em; | ||||
| 	padding: 0 0 8px 0; | ||||
| 	user-select: none; | ||||
|  | ||||
| 		&:empty { | ||||
| 			display: none; | ||||
| 		} | ||||
| 	&:empty { | ||||
| 		display: none; | ||||
| 	} | ||||
| } | ||||
|  | ||||
| 	> .caption { | ||||
| 		font-size: 0.85em; | ||||
| 		padding: 8px 0 0 0; | ||||
| 		color: var(--fgTransparentWeak); | ||||
| .caption { | ||||
| 	font-size: 0.85em; | ||||
| 	padding: 8px 0 0 0; | ||||
| 	color: var(--fgTransparentWeak); | ||||
|  | ||||
| 		&:empty { | ||||
| 			display: none; | ||||
| 		} | ||||
| 	&:empty { | ||||
| 		display: none; | ||||
| 	} | ||||
| } | ||||
| </style> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo