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

added style for select

Browse source
This commit is contained in:
olcxja 2026-08-22 09:22:22 +02:00
commit c0a645b4e5
6 changed files with 268 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

13
webroot/screens.js
View file

@ -415,10 +415,15 @@ var appearanceSettings = `
<herotitle><blah>title.appearance</blah></herotitle>
<br>
<div class="input-group">
<label for="settings-language"><blah>title.language</blah></label>
<select id="settings-language" onchange="changeLanguage(this.value)" style="border-radius: 0.8rem; background-color: rgba(255, 255, 255, 0.05); margin: var(--button-margin); padding: var(--button-margin); padding-left: calc(var(--button-margin) * 2); padding-right: 1.5rem; height: var(--button-height); display: flex; cursor: pointer; align-items: center; justify-content: flex-start; border: var(--border-width) solid var(--light-border-color); color: var(--text-color); font-family: inherit; font-size: inherit; appearance: none; outline: none;">
<option value="" class="blah">title.loading</option>
</select>
<label><blah>title.language</blah></label>
<div class="custom-select" id="settings-language">
<div class="custom-select-value" onclick="this.parentElement.classList.toggle('open')">
<span id="settings-language-display" class="blah">title.loading</span>
${ICONS.chevronDown({ className: "chevron", style: "width: 1.2rem; height: 1.2rem; opacity: 0.7;" })}
</div>
<div class="custom-select-options" id="settings-language-options">
</div>
</div>
</div>
</div>
`;