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

Add server status check

Browse source
This commit is contained in:
olcxja 2026-04-30 21:05:30 +02:00
commit e908702025
3 changed files with 105 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

36
style.css
View file

@ -20,8 +20,12 @@
.red {
color: var(--big-red);
}
.green {
color: var(--big-green);
}
.mininote {
font-size: 80%;
padding: 0 0.5rem;
}
html {
font-size: max(16px, calc(100vw / 120));
@ -162,35 +166,41 @@ hr {
}
#notification-container {
position: fixed;
top: 2vw;
top: 1.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 1500;
display: flex;
flex-direction: column;
gap: 1vw;
gap: 0.8rem;
pointer-events: none;
align-items: center;
}
.notification {
background: rgba(10, 10, 14, 0.7);
backdrop-filter: blur(1rem);
-webkit-backdrop-filter: blur(1rem);
border: 0.1rem solid var(--light-border-color);
border-radius: 0.8rem;
padding: 1rem 2rem;
background: rgba(255, 255, 255, 0.015);
backdrop-filter: blur(1.2rem);
-webkit-backdrop-filter: blur(1.2rem);
border: var(--border-width) solid var(--light-border-color);
border-radius: 0.9rem;
padding: 0.8rem 1.3rem;
color: var(--text-color);
font-size: 1.1rem;
font-size: 1rem;
font-weight: 500;
text-align: center;
box-shadow: 0 0.25rem 1.875rem rgba(0, 0, 0, 0.5);
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.4);
opacity: 0;
transform: translateY(-5vw);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: translateY(-1rem);
transition:
opacity 0.3s ease,
transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
background-color 0.2s ease;
}
.notification.show {