halbear/HalbearNetDesktopSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more mobile support and misc changes

Browse Source
This commit is contained in:
Halbear
2026-03-11 20:04:44 +00:00
parent b70fb4d2af
commit b016e6bd13
15 changed files with 524 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
AccountCentre/AccountCentre.css
View File

@@ -1,4 +1,19 @@
@media only screen and (max-aspect-ratio: 1.165/1) {
.AccountIcon{
border-style: inset;
border-top: #8cefff 0.5vh solid;
border-left: #8cefff 0.5vh solid;
border-bottom: none;
border-right: none;
filter: drop-shadow(-1vh -1vh 1vh #8cefff);
margin-left:1vh;
transition: 0.25s;
margin-right:1vh;
border-radius: 4vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
width: 5vh;
height:5vh;
}
.Logo{
margin-left:1vh;
transition: 0.25s;
@@ -21,7 +36,7 @@
.HotbarButton:hover{
cursor: pointer;
margin-right: 1vh;
width:35vw;
width:30vw;
height: 6vh;
filter: drop-shadow(0 0 2vh #8cefff);
transform: scale(1.1) translateY(1%);
@@ -44,7 +59,7 @@
font-family: "Arial", serif;
font-weight: bolder;
font-size: 2vh;
width: 30vw;
width: 25vw;
height: 5vh;
border-radius: 5vh;
color:white;
@@ -124,6 +139,21 @@
}
}
@media only screen and (min-aspect-ratio: 1.165/1) {
.AccountIcon{
border-style: inset;
border-top: #8cefff 0.5vh solid;
border-left: #8cefff 0.5vh solid;
border-bottom: none;
border-right: none;
filter: drop-shadow(-1vh -1vh 1vh #8cefff);
margin-left:1vh;
transition: 0.25s;
margin-right:1vh;
border-radius: 4vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
width: 8vh;
height:8vh;
}
.Logo{
margin-left:1vh;
transition: 0.25s;
@@ -288,21 +318,6 @@ body{
transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff);
}
.AccountIcon{
border-style: inset;
border-top: #8cefff 0.5vh solid;
border-left: #8cefff 0.5vh solid;
border-bottom: none;
border-right: none;
filter: drop-shadow(-1vh -1vh 1vh #8cefff);
margin-left:1vh;
transition: 0.25s;
margin-right:1vh;
border-radius: 4vh;
background-image: linear-gradient(to bottom, rgba(100,200,255,0.5), rgba(100,200,255,0.25), rgba(100,200,255,0.15), rgba(100,200,255,0.35));
width: 8vh;
height:8vh;
}
.Logo:hover{
transform: scale(1.2) translateY(0);
filter: drop-shadow(0 0 2vh #8cefff);