mukanerkin/CryptoFox-Mukan-Edition
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: tomselect dropdown scroll ve step=1 usdt input

Browse source
This commit is contained in:
Mukan Erkin TÖRÜK 2026-04-19 07:03:17 +03:00
parent 43562be810
commit 665583d11b
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/web/index.html
View file

@ -58,7 +58,7 @@
/* Modal */ /* Modal */
#modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 100; } #modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: none; align-items: center; justify-content: center; z-index: 100; }
#modal-overlay.open { display: flex; } #modal-overlay.open { display: flex; }
.modal { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; width: 480px; max-width: 95vw; display: flex; flex-direction: column; } .modal { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; width: 480px; max-width: 95vw; display: flex; flex-direction: column; overflow: visible; }
.modal-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; } .modal-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.modal-header h2 { font-size: 15px; font-weight: 600; } .modal-header h2 { font-size: 15px; font-weight: 600; }
.modal-close { background: none; border: none; color: var(--muted); font-size: 20px; cursor: pointer; line-height: 1; padding: 0 4px; } .modal-close { background: none; border: none; color: var(--muted); font-size: 20px; cursor: pointer; line-height: 1; padding: 0 4px; }
@ -82,7 +82,8 @@
.ts-wrapper .ts-control input:focus { background: transparent !important; color: var(--text) !important; outline: none !important; } .ts-wrapper .ts-control input:focus { background: transparent !important; color: var(--text) !important; outline: none !important; }
.ts-dropdown, .ts-dropdown,
.ts-dropdown.single, .ts-dropdown.single,
.ts-dropdown.multi { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text) !important; z-index: 150; } .ts-dropdown.multi { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text) !important; z-index: 150; max-height: 260px !important; }
.ts-dropdown .ts-dropdown-content { max-height: 260px !important; overflow-y: auto !important; }
.ts-dropdown .option { padding: 7px 12px; color: var(--text) !important; background: transparent !important; } .ts-dropdown .option { padding: 7px 12px; color: var(--text) !important; background: transparent !important; }
.ts-dropdown .option:hover, .ts-dropdown .option:hover,
.ts-dropdown .option.active { background: rgba(108,99,255,0.2) !important; color: var(--text) !important; } .ts-dropdown .option.active { background: rgba(108,99,255,0.2) !important; color: var(--text) !important; }
@ -140,7 +141,7 @@
<div class="form-row"> <div class="form-row">
<div class="form-group"> <div class="form-group">
<label>USDT Miktarı <span id="f-min-label" style="color:var(--muted);font-size:10px"></span></label> <label>USDT Miktarı <span id="f-min-label" style="color:var(--muted);font-size:10px"></span></label>
<input id="f-usdt" type="number" step="0.1" placeholder="—" /> <input id="f-usdt" type="number" step="1" inputmode="numeric" placeholder="—" />
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Kar %</label> <label>Kar %</label>
@ -247,6 +248,7 @@ async function loadSymbols() {
options: allSymbols, options: allSymbols,
placeholder: 'Ara veya seç...', placeholder: 'Ara veya seç...',
minChars: 0, minChars: 0,
dropdownParent: 'body',
render: { render: {
option: (data) => option: (data) =>
`<div style="display:flex;justify-content:space-between;align-items:center"> `<div style="display:flex;justify-content:space-between;align-items:center">