fix(client): Fix style
This commit is contained in:
		
							parent
							
								
									364bd9ae74
								
							
						
					
					
						commit
						eb84445796
					
				
					 1 changed files with 4 additions and 8 deletions
				
			
		|  | @ -1,5 +1,5 @@ | |||
| <template> | ||||
| <div class="mk-messaging"> | ||||
| <div class="mk-messaging" v-size="[{ max: 400 }]"> | ||||
| 	<portal to="icon"><fa :icon="faComments"/></portal> | ||||
| 	<portal to="title">{{ $t('messaging') }}</portal> | ||||
| 
 | ||||
|  | @ -168,18 +168,14 @@ export default Vue.extend({ | |||
| .mk-messaging { | ||||
| 
 | ||||
| 	> .start { | ||||
| 		margin: 0 auto 16px auto; | ||||
| 		margin: 0 auto var(--margin) auto; | ||||
| 	} | ||||
| 
 | ||||
| 	> .history { | ||||
| 		> .message { | ||||
| 			display: block; | ||||
| 			text-decoration: none; | ||||
| 			margin-bottom: 16px; | ||||
| 
 | ||||
| 			@media (max-width: 500px) { | ||||
| 				margin-bottom: 8px; | ||||
| 			} | ||||
| 			margin-bottom: var(--margin); | ||||
| 
 | ||||
| 			* { | ||||
| 				pointer-events: none; | ||||
|  | @ -284,7 +280,7 @@ export default Vue.extend({ | |||
| 		} | ||||
| 	} | ||||
| 
 | ||||
| 	@media (max-width: 400px) { | ||||
| 	&.max-width_400px { | ||||
| 		> .history { | ||||
| 			> .message { | ||||
| 				&:not([data-is-me]):not([data-is-read]) { | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue