UI editeur preset : "Telecharger un modele" + bouton telechargement compact

- Libelle "Telecharger depuis Hugging Face" -> "Telecharger un modele"
  (pas forcement HF, juste un lien direct .gguf).
- Le bouton devient une icone compacte (⬇) collee au champ (input-btn) au lieu
  d'un gros bouton "telecharger" qui prenait toute la largeur.
This commit is contained in:
nathaninline committed 2026-07-23 15:41:56 +02:00
1 parent 37c4b4ca52
commit ec4de88951
3 files changed
+16 -8

No files matched your search

+8 -4
View File
@@ -333,6 +333,10 @@ button:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:6px}
.row .ctl{flex:1;min-width:0}
.btn-dl{flex-shrink:0;margin:0}
.input-btn{display:flex}
.input-btn .ctl{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}
.input-btn .btn-in{flex-shrink:0;margin:0;padding:9px 13px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.input-btn .btn-in:hover{border-left:0}
.seg{display:flex;gap:6px}
.seg>label{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;min-height:46px;padding:6px 4px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;background:var(--panel);transition:border-color .12s,background .12s,color .12s}
.seg>label:hover{border-color:var(--accent)}
@@ -566,10 +570,10 @@ button:disabled{opacity:.5;cursor:not-allowed}
</div>
<div class="fld">
<label class="fld-l" for="m-hf-url">Télécharger depuis Hugging Face <span class="opt">(lien vers un .gguf)</span></label>
<div class="row">
<input id="m-hf-url" class="ctl" placeholder="https://huggingface.co/…/resolve/main/model.gguf">
<button id="m-hf-btn" class="btn-dl" onclick="startDownload()">⬇ télécharger</button>
<label class="fld-l" for="m-hf-url">Télécharger un modèle <span class="opt">(lien direct vers un .gguf)</span></label>
<div class="input-btn">
<input id="m-hf-url" class="ctl" placeholder="https://…/model.gguf">
<button id="m-hf-btn" class="btn-in" onclick="startDownload()" title="Télécharger">⬇</button>
</div>
<div id="m-hf-progress" class="fld-hint" style="display:none"></div>
</div>
+4 -4
View File
@@ -236,10 +236,10 @@
</div>
<div class="fld">
<label class="fld-l" for="m-hf-url">Télécharger depuis Hugging Face <span class="opt">(lien vers un .gguf)</span></label>
<div class="row">
<input id="m-hf-url" class="ctl" placeholder="https://huggingface.co/…/resolve/main/model.gguf">
<button id="m-hf-btn" class="btn-dl" onclick="startDownload()">⬇ télécharger</button>
<label class="fld-l" for="m-hf-url">Télécharger un modèle <span class="opt">(lien direct vers un .gguf)</span></label>
<div class="input-btn">
<input id="m-hf-url" class="ctl" placeholder="https://…/model.gguf">
<button id="m-hf-btn" class="btn-in" onclick="startDownload()" title="Télécharger">⬇</button>
</div>
<div id="m-hf-progress" class="fld-hint" style="display:none"></div>
</div>
+4
View File
@@ -314,6 +314,10 @@ button:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:6px}
.row .ctl{flex:1;min-width:0}
.btn-dl{flex-shrink:0;margin:0}
.input-btn{display:flex}
.input-btn .ctl{flex:1;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}
.input-btn .btn-in{flex-shrink:0;margin:0;padding:9px 13px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.input-btn .btn-in:hover{border-left:0}
.seg{display:flex;gap:6px}
.seg>label{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;min-height:46px;padding:6px 4px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:12px;background:var(--panel);transition:border-color .12s,background .12s,color .12s}
.seg>label:hover{border-color:var(--accent)}