[Client] Improve legal pages design
- Change background color to game's grey to fix hover color of footer links; - Move footer links at the bottom of the page; - Change game's blue color to match this color with accessibility recommendations.
This commit is contained in:
		
							parent
							
								
									8aed3a99da
								
							
						
					
					
						commit
						40c4e47327
					
				| @ -33,7 +33,7 @@ | ||||
|     --alert-dialog-background-color: #000000DF; | ||||
|     --dark-theme-background-color: #213C40; | ||||
|     --game-black: #000000; | ||||
|     --game-blue: #0096FF; | ||||
|     --game-blue: #7DDCFF; | ||||
|     --game-green: #008000; | ||||
|     --game-grey: #5A5656; | ||||
|     --game-red: #BD1E1E; | ||||
|  | ||||
| @ -1,10 +1,21 @@ | ||||
| /* Common properties */ | ||||
| html { | ||||
|     background-color: var(--game-black); | ||||
|     background-color: var(--game-grey); | ||||
|     color: var(--game-white); | ||||
|     font-family: "Roboto Mono", "sans-serif"; | ||||
| } | ||||
| 
 | ||||
| body { | ||||
|     display: flex; | ||||
|     flex-direction: column; | ||||
|     height: calc(100vh - var(--body-margin) * 2); | ||||
|     width: calc(100vw - var(--body-margin) * 2); | ||||
| } | ||||
| 
 | ||||
| footer { | ||||
|     margin-top: auto; | ||||
| } | ||||
| 
 | ||||
| /* Legal links and texts */ | ||||
| .legal_text_description, .legal_text_last_update, .legal_text_title { | ||||
|     margin: 0; | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user