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

benj design tweaks

Browse Source
This commit is contained in:
SpikeHD
2022-05-15 18:31:28 -07:00
parent 585a17573c
commit c023c8df71
8 changed files with 179 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,20 @@
.RightBar {
position: absolute;
transform: translate(0%, 0%);
display:flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 100vh;
width: 6%;
left: 94%;
height: calc(100vh - 190px);
width: 80px;
right: 0%;
z-index: 99;
background-color: rgba(77, 77, 77, 0.6);
z-index: 99;
}
.BarImg:hover {
@@ -32,4 +34,16 @@
.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);
}
}
@media(max-height: 500px) {
.RightBar {
height: calc(100vh - 170px);
}
}