olcxjas-softworks/LarpixClient
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 3

add better loading for profile settings and user profiles & add details bar
All checks were successful
Android Build / publish (push) Successful in 54s
Details
Linux Build / publish (push) Successful in 53s
Details

Browse source
This commit is contained in:
olcxja 2026-07-04 13:55:23 +02:00
commit 271c573fb4
16 changed files with 504 additions and 174 deletions
Download patch file Download diff file Expand all files Collapse all files

52
webroot/style.css
View file

@ -316,6 +316,8 @@ roomtopbar {
flex-direction: row;
align-items: center;
z-index: 10;
background-color: var(--main-bg-color);
width: 100%;
border-bottom: var(--border-width) solid var(--light-border-color);
@ -414,6 +416,33 @@ space{
font-weight: 600;
}
.topbar-action-btn {
display: flex;
background: transparent;
border: none;
height: 2.4rem;
width: 2.4rem;
padding: 0;
margin: 0;
margin-right: 0.8rem;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(--text-color);
cursor: pointer;
}
.topbar-action-btn:active, .topbar-action-btn.is-pressed {
background-color: rgba(255, 255, 255, 0.1);
transform: var(--press-scale);
}
.topbar-action-btn.right {
margin-right: 0;
margin-left: 0.2rem;
}
.topbar-action-btn svg {
width: 1.5rem;
height: 1.5rem;
}
.mobile-nav-btn {
display: none;
background: transparent;
@ -435,7 +464,7 @@ space{
}
.mobile-nav-btn.right {
margin-right: 0;
margin-left: 0.8rem;
margin-left: 0.2rem;
}
.mobile-nav-btn svg {
width: 1.5rem;
@ -444,7 +473,7 @@ space{
.flex-spacer {
flex-grow: 1;
}
@media (max-width: 52rem) {
@media (max-width: 55rem) {
.mobile-nav-btn {
display: flex;
}
@ -977,3 +1006,22 @@ sidebarelement:has(.icon-button:active) indicator:not(.active) {
transform: scale(1.2);
background: #fff;
}
roomcontent roomtopbar .room-action-pin,
roomcontent roomtopbar .room-action-call {
display: flex;
}
#roomdetailsbar roomtopbar .room-action-pin,
#roomdetailsbar roomtopbar .room-action-call {
display: none;
}
@media (max-width: 65rem) and (min-width: 55.001rem) {
roomcontent roomtopbar .room-action-pin { display: none !important; }
#roomdetailsbar roomtopbar .room-action-pin { display: flex !important; }
}
@media (max-width: 58rem) and (min-width: 55.001rem) {
roomcontent roomtopbar .room-action-call { display: none !important; }
#roomdetailsbar roomtopbar .room-action-call { display: flex !important; }
}