63 lines
		
	
	
		
			957 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			63 lines
		
	
	
		
			957 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| 
								 | 
							
								:root {
							 | 
						||
| 
								 | 
							
								    background-color: #fff;
							 | 
						||
| 
								 | 
							
								    --color-text: #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.App {
							 | 
						||
| 
								 | 
							
								    position: relative;
							 | 
						||
| 
								 | 
							
								    min-height: 100vh;
							 | 
						||
| 
								 | 
							
								    display: flex;
							 | 
						||
| 
								 | 
							
								    flex-direction: column;
							 | 
						||
| 
								 | 
							
								    align-items: center;
							 | 
						||
| 
								 | 
							
								    justify-content: center;
							 | 
						||
| 
								 | 
							
								    margin-top: 100px
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								text {
							 | 
						||
| 
								 | 
							
								    color: var(--color-text);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Title {
							 | 
						||
| 
								 | 
							
								    font-size: 24px;
							 | 
						||
| 
								 | 
							
								    font-weight: 400;
							 | 
						||
| 
								 | 
							
								    justify-content: center;
							 | 
						||
| 
								 | 
							
								    align-items: center;
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Button {
							 | 
						||
| 
								 | 
							
								    margin-top: 12px;
							 | 
						||
| 
								 | 
							
								    background-color: #841584;
							 | 
						||
| 
								 | 
							
								    --color-text: #fff;
							 | 
						||
| 
								 | 
							
								    padding: 12px;
							 | 
						||
| 
								 | 
							
								    border-radius: 4px;
							 | 
						||
| 
								 | 
							
								    justify-content: center;
							 | 
						||
| 
								 | 
							
								    align-items: center;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Logo {
							 | 
						||
| 
								 | 
							
								    height: 24px;
							 | 
						||
| 
								 | 
							
								    width: 24px;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Table {
							 | 
						||
| 
								 | 
							
								    margin-top: 16px;
							 | 
						||
| 
								 | 
							
								    border: 1px solid #000;
							 | 
						||
| 
								 | 
							
								    border-radius: 4px;
							 | 
						||
| 
								 | 
							
								    overflow: hidden;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Row {
							 | 
						||
| 
								 | 
							
								    display: flex;
							 | 
						||
| 
								 | 
							
								    flex-direction: row;
							 | 
						||
| 
								 | 
							
								    border-bottom: 1px solid #000;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								.Cell {
							 | 
						||
| 
								 | 
							
								    padding: 8px;
							 | 
						||
| 
								 | 
							
								    border-right: 1px solid #000;
							 | 
						||
| 
								 | 
							
								    overflow: hidden;
							 | 
						||
| 
								 | 
							
								    text-overflow: ellipsis;
							 | 
						||
| 
								 | 
							
								    min-width: 40px;
							 | 
						||
| 
								 | 
							
								}
							 |