fix settings for mobile

This commit is contained in:
MathMan05 2025-04-15 13:41:49 -05:00
parent 8bc009dc19
commit 8f5420b436
4 changed files with 67 additions and 8 deletions

View file

@ -525,6 +525,7 @@ textarea {
.svg-voicensfw {
mask: url(/icons/voicensfw.svg);
}
.svgicon {
display: block;
height: 100%;
@ -534,6 +535,11 @@ textarea {
aspect-ratio: 1/1;
flex-shrink: 0;
}
.mobileback {
visibility: hidden;
height: 0px;
width: 0px;
}
#searchX {
width: 0.16in;
height: 0.16in;
@ -2397,18 +2403,25 @@ fieldset input[type="radio"] {
box-sizing: border-box;
overflow-y: auto;
}
.SettingsButton {
width: 100%;
padding: 8px 12px;
background: transparent;
color: var(--primary-text-soft);
border: none;
transition: none;
transition: background 0.1s;
}
.activeSetting {
background: color-mix(in srgb, var(--secondary-bg) 60%, transparent);
}
.SettingsButton:hover {
background: var(--settings-panel-hover);
color: var(--primary-text-prominent);
}
.activeSetting:hover {
background: color-mix(in srgb, var(--secondary-bg) 40%, transparent);
}
.addrole {
height: 10px;
width: 10px;
@ -2747,8 +2760,16 @@ fieldset input[type="radio"] {
font-size: 1.2rem;
}
.settingbuttons {
height: 100px;
height: 100%;
width: 100%;
z-index: 1;
position: absolute;
}
.settingsHTMLArea {
z-index: 2;
height: 100%;
background: var(--primary-bg);
transition: transform 0.2s;
}
.nonimagecenter .settingbuttons {
height: auto;
@ -2762,6 +2783,15 @@ fieldset input[type="radio"] {
.rolesheader {
margin: 6px 12px;
}
.mobileback {
width: 20px;
height: 20px;
visibility: visible;
cursor: pointer;
}
.mobileHidden {
transform: translate(100%, 0px);
}
}
.friendcontainer {
display: flex;