franpcode/Hangman-game-with-React
1
0
Fork 0
mirror of https://github.com/FranP-code/Hangman-game-with-React.git synced 2025-10-13 00:42:32 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Styles fixes

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-26 14:09:41 -03:00
parent 06be624918
commit a4d1e512b2
6 changed files with 67 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/css/index.css
View File

@@ -81,7 +81,7 @@ header .account-preview .full-name {
opacity: 0%;
transition: 0.4s ease-in-out;
text-align: center;
padding: 0px 0.5vw;
padding: 0px 2vw;
padding-bottom: 1vh;
border-radius: 10px;
}
@@ -89,6 +89,14 @@ header .account-preview .full-name.show {
opacity: 100%;
transition: 0.4s ease-in-out;
}
@media (max-width: 991.98px) {
header .account-preview {
left: 80%;
}
header .account-preview .full-name.show {
opacity: 0%;
}
}
@media (max-width: 991.98px) {
header h2 {
@@ -440,6 +448,11 @@ header .account-preview .full-name.show {
height: 50px;
}
@media (max-width: 991.98px) {
.loading {
height: 150vh;
}
}
.letters-registered {
padding: 0px 5vw;
display: flex;
@@ -1023,8 +1036,15 @@ header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.d
padding-bottom: 5vh;
padding-left: 3vw;
box-sizing: border-box;
position: absolute;
bottom: 0px;
}
@media (max-width: 991.98px) {
.made-with-love {
position: initial;
}
}
.credits {
font-family: "Helveltica", sans-serif;
font-weight: 400;