sugary/LarpixClient
1
0
Fork 0
forked from olcxjas-softworks/LarpixClient
Code Pull requests Activity

Add cool animations and placeholder pfps

Browse source
This commit is contained in:
olcxja 2026-05-13 22:15:06 +02:00
commit e0c044a894
13 changed files with 624 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

24
android/app/src/main/assets/public/style.css
View file

@ -40,9 +40,16 @@ html {
body {
padding-top: env(safe-area-inset-top);
background-color: var(--main-bg-color);
overflow: hidden;
}
main, loading, body {
display: flex;
height: 100dvh;
overflow: hidden;
}
loading {
justify-content: center;
align-items: center;
width: 100%;
}
* {
font-size: 1rem;
@ -68,6 +75,11 @@ button, input {
align-items: center;
justify-content: flex-start;
border: var(--border-width) solid var(--light-border-color);
backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
transform-origin: center center;
}
input {
padding-left: calc(var(--button-margin) * 2);
@ -120,11 +132,16 @@ indicator.active {
height: var(--icon-button-height);
width: var(--icon-button-height);
justify-content: center;
overflow: hidden;
}
.icon-button svg {
width: var(--icon-button-size);
height: var(--icon-button-size);
}
.icon-button img {
width: calc(var(--icon-button-height) - (var(--border-width) * 2));
height: calc(var(--icon-button-height) - (var(--border-width) * 2));
}
button:hover, input:hover {
background-color: rgba(255, 255, 255, 0.1);
}
@ -340,4 +357,9 @@ herotitle {
.submit-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.bottom-element {
margin-top: auto;
}