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

Mobile support... kinda

Browse Source
This commit is contained in:
Halbear
2026-03-05 21:40:29 +00:00
parent 575890a42b
commit 637c329ac6
11 changed files with 704 additions and 309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
AccountCentre/AccountWindow.css
View File

@@ -1,3 +1,100 @@
@media only screen and (max-aspect-ratio: 1.165/1) {
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
flex-direction: column-reverse;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.IconText{
font-family: "Arial", serif;
font-size: 1vh !important;
user-select: none;
}
.whiteText{
padding-bottom: 1vh;
text-align: center;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 2vh;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 95vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 1.35vh !important;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
}
@media only screen and (min-aspect-ratio: 1.165/1) {
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
display: flex;
justify-content: left;
align-items: center;
align-content: center;
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 2.35vh;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 50vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.IconText{
font-family: "Arial", serif;
font-size: 1.35vh !important;
user-select: none;
}
.whiteText{
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 3.35vh;
}
}
.windowIcon{
user-select: none;
z-index: 55 !important;
@@ -16,21 +113,7 @@ Button{
background: transparent;
border: none;
}
.PopUpWrapper{
pointer-events: all;
z-index: 100 !important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-direction: column;
width: 50vw;
height: 85vh;
left: 50vw;
top: 50vh;
position: absolute;
transform: translate(-50%,-50%);
}
.DraggableWrapper{
pointer-events: all;
z-index: 50; /*!important;*/
@@ -133,40 +216,11 @@ Button{
.WindowBody.Dragging{
box-shadow: 2vh 3vh 3vh #121e29;
}
.WindowTitle{
font-family: "Arial", serif;
font-size: 2.35vh;
color: white;
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
margin-left:0.25vh;
}
.IconText{
font-family: "Arial", serif;
font-size: 1.35vh !important;
user-select: none;
}
.whiteText{
text-shadow: #0e4044 0.15vh 0.35vh 1vh;
font-family: "Arial", serif;
color: white;
font-size: 3.35vh;
}
.FormBoxWrapper{
margin: 3vh;
min-width: 90%;
}
.LoginField{
min-width: 90%;
min-height:5vh;
padding: 1vh 5vh;
backdrop-filter: blur(15px);
border-radius: 2.5vh;
margin-bottom: 1vh;
display: flex;
justify-content: left;
align-items: center;
align-content: center;
}
.minimised{
top: 200vh !important;
transition: 0.5s !important;