Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-12 15:14:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

RightBar resembles the official release

Browse Source
This commit is contained in:
Wehi
2023-05-10 01:45:31 +02:00
parent 5bad4d05ee
commit f508b3f0cf
1 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/ui/components/RightBar.css
View File

@@ -8,34 +8,26 @@
justify-content: flex-start;
height: 100vh;
width: 80px;
width: 70px;
right: 0%;
z-index: 99;
background-color: rgba(77, 77, 77, 0.6);
background-color: rgba(0, 0, 0, 0.250);
z-index: 999;
}
.BarImg:hover {
cursor: pointer;
}
.RightBarInner > div {
margin: 30px 0;
}
.RightBar img {
height: 40px;
height: 35px;
filter: invert(100%) sepia(0%) saturate(11%) hue-rotate(227deg) brightness(103%) contrast(105%);
transition: filter 0.2s ease-in-out;
}
.RightBar img:hover {
filter: invert(75%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);
}
@media (max-height: 580px) {
.RightBar {
height: calc(100vh - 180px);
@@ -47,3 +39,26 @@
height: calc(100vh - 170px);
}
}
.BarImg {
transition: 0.2s;
border-radius: 50%;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.685);
display: flex;
justify-content: center;
align-items: center;
border: 2px solid transparent;
}
.BarImg:hover {
cursor: pointer;
border: 2px solid #ffc920;
}
.BarImg:hover img {
filter: invert(72%) sepia(68%) saturate(777%) hue-rotate(341deg) brightness(113%) contrast(101%);
}