[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:
AudricV 2023-03-27 22:15:13 +02:00
parent 8aed3a99da
commit 40c4e47327
No known key found for this signature in database
GPG Key ID: DA92EC7905614198
2 changed files with 13 additions and 2 deletions

View File

@ -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;

View File

@ -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;