Use em
This commit is contained in:
		| @@ -300,16 +300,6 @@ export default Vue.extend({ | |||||||
| 	} | 	} | ||||||
|  |  | ||||||
| 	@media (max-width: 400px) { | 	@media (max-width: 400px) { | ||||||
| 		> .search { |  | ||||||
| 			> .result { |  | ||||||
| 				> .users { |  | ||||||
| 					> li { |  | ||||||
| 						padding: 8px 16px; |  | ||||||
| 					} |  | ||||||
| 				} |  | ||||||
| 			} |  | ||||||
| 		} |  | ||||||
|  |  | ||||||
| 		> .history { | 		> .history { | ||||||
| 			> .message { | 			> .message { | ||||||
| 				&:not([data-is-me]):not([data-is-read]) { | 				&:not([data-is-me]):not([data-is-read]) { | ||||||
| @@ -321,7 +311,7 @@ export default Vue.extend({ | |||||||
|  |  | ||||||
| 				> div { | 				> div { | ||||||
| 					padding: 16px; | 					padding: 16px; | ||||||
| 					font-size: 14px; | 					font-size: 0.9em; | ||||||
|  |  | ||||||
| 					> .avatar { | 					> .avatar { | ||||||
| 						margin: 0 12px 0 0; | 						margin: 0 12px 0 0; | ||||||
|   | |||||||
| @@ -380,7 +380,7 @@ export default Vue.extend({ | |||||||
|  |  | ||||||
| 		> .description { | 		> .description { | ||||||
| 			padding: 24px 24px 24px 154px; | 			padding: 24px 24px 24px 154px; | ||||||
| 			font-size: 15px; | 			font-size: 0.95em; | ||||||
|  |  | ||||||
| 			@media (max-width: 500px) { | 			@media (max-width: 500px) { | ||||||
| 				padding: 16px; | 				padding: 16px; | ||||||
| @@ -395,7 +395,7 @@ export default Vue.extend({ | |||||||
|  |  | ||||||
| 		> .fields { | 		> .fields { | ||||||
| 			padding: 24px; | 			padding: 24px; | ||||||
| 			font-size: 14px; | 			font-size: 0.9em; | ||||||
| 			border-top: solid 1px var(--divider); | 			border-top: solid 1px var(--divider); | ||||||
|  |  | ||||||
| 			@media (max-width: 500px) { | 			@media (max-width: 500px) { | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo