fix random games button and change featured image

This commit is contained in:
Russell2259
2024-02-25 04:35:18 +00:00
parent 3b35aa885b
commit f7eef1bce6
10 changed files with 62 additions and 41 deletions
+36 -21
View File
@@ -89,53 +89,68 @@ body::-webkit-scrollbar-corner {
.search {
margin-bottom: 20px;
display: flex;
input {
width: 40vh;
height: 7vh;
height: 7.5vh;
border-radius: 2vh;
font-size: 3vh;
cursor: text;
margin-right: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
transition: all 0.5s ease;
margin: 0px;
padding: 0px;
margin-right: 2.5px;
margin-left: calc(50vw - calc(44vh + 45px));
}
input:focus {
width: 50vh;
margin-left: calc(50vw - calc(54vh + 45px));
}
input::placeholder {
transition: opacity 0.3s ease;
}
input:focus::placeholder {
opacity: 0;
}
.randomGame{
height: calc(7vh + 2px);
font-size: 3vh;
background: var(--sidebar-bg);
margin-left: 0px;
border-radius: 0px;
box-shadow: 0.5vh 0.5vh 1vh 0vh var(--shadow-color);
transition: opacity 0.3s ease;
}
.randomGame:hover i{
opacity: 0.8;
}
select {
height: calc(7vh + 2px);
height: 7.5vh;
border-radius: 2vh;
font-size: 3vh;
background: var(--sidebar-bg);
margin-left: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin: 0px;
}
button {
text-align: center;
box-shadow: 0.5vh 0.5vh 1vh 0vh var(--shadow-color);
cursor: pointer;
height: 7.5vh;
background: var(--sidebar-bg);
color: var(--text);
margin-left: 0px;
border-radius: 0px;
padding: 0px;
margin: 0px;
outline: none;
border: none;
margin-right: 2.5px;
padding-left: 10px;
padding-right: 10px;
}
button i {
font-size: 3vh;
}
}
@@ -274,7 +289,7 @@ select {
margin-right: 1vh;
padding-left: 2vh;
padding-right: 2vh;
margin-top: 2vh;
margin-top: 2vh;
}
.switch {