chore(client): tweak style
This commit is contained in:
		
							parent
							
								
									c67c3b0360
								
							
						
					
					
						commit
						80a033c1cf
					
				
					 1 changed files with 8 additions and 0 deletions
				
			
		|  | @ -119,6 +119,7 @@ function createDoughnut(chartEl, tooltip, data) { | ||||||
| 			}], | 			}], | ||||||
| 		}, | 		}, | ||||||
| 		options: { | 		options: { | ||||||
|  | 			maintainAspectRatio: false, | ||||||
| 			layout: { | 			layout: { | ||||||
| 				padding: { | 				padding: { | ||||||
| 					left: 16, | 					left: 16, | ||||||
|  | @ -195,10 +196,13 @@ onMounted(() => { | ||||||
| 		gap: 16px; | 		gap: 16px; | ||||||
| 
 | 
 | ||||||
| 		> .sub, > .pub { | 		> .sub, > .pub { | ||||||
|  | 			flex: 1; | ||||||
|  | 			min-width: 0; | ||||||
| 			position: relative; | 			position: relative; | ||||||
| 			background: var(--panel); | 			background: var(--panel); | ||||||
| 			border-radius: var(--radius); | 			border-radius: var(--radius); | ||||||
| 			padding: 24px; | 			padding: 24px; | ||||||
|  | 			max-height: 300px; | ||||||
| 
 | 
 | ||||||
| 			> .title { | 			> .title { | ||||||
| 				position: absolute; | 				position: absolute; | ||||||
|  | @ -206,6 +210,10 @@ onMounted(() => { | ||||||
| 				left: 24px; | 				left: 24px; | ||||||
| 			} | 			} | ||||||
| 		} | 		} | ||||||
|  | 
 | ||||||
|  | 		@media (max-width: 600px) { | ||||||
|  | 			flex-direction: column; | ||||||
|  | 		} | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
| </style> | </style> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue