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

Account preview done

Browse Source
This commit is contained in:
Francisco Pessano
2021-10-25 17:12:37 -03:00
parent cef25f5999
commit 423c8f9bfe
10 changed files with 239 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
public/css/index.css
View File

@@ -44,6 +44,50 @@ header .redirect-button:hover {
background-color: #ce694b;
transition: ease-in-out 0.2s;
}
header .account-preview {
font-family: "Raleway", sans-serif;
font-weight: bold;
position: absolute;
left: 88%;
top: 1vh;
padding: 2vh 0px;
display: flex;
flex-direction: column;
align-items: center;
}
header .account-preview .initials {
height: 8vh;
width: 8vh;
color: #fff;
background-color: #5151ff;
font-size: 3vh;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
header .account-preview .initials.inclusive {
font-size: 11pt;
}
header .account-preview .full-name {
height: 5vh;
width: 10vw;
margin-top: 0.5vh;
background-color: rgba(0, 0, 0, 0.658);
color: #fff;
display: flex;
justify-content: center;
opacity: 0%;
transition: 0.4s ease-in-out;
text-align: center;
padding-bottom: 1vh;
}
header .account-preview .full-name.show {
opacity: 100%;
transition: 0.4s ease-in-out;
}
@media (max-width: 991.98px) {
header h2 {
@@ -704,6 +748,9 @@ header .redirect-button:hover {
.control-panel .action-form form input[type=submit] {
font-size: 2.4vw;
}
.control-panel .action-form form input[type=text] {
font-size: 12pt;
}
}
@media (max-width: 576px) {
.control-panel .action-form {
@@ -793,6 +840,7 @@ header .redirect-button:hover {
}
.control-panel .buttons-container.nav-mode button.active {
transform: none;
border-bottom: none;
}
}
@media (max-width: 576px) {