Theme editor UI refinement

This commit is contained in:
Djeex
2025-08-19 12:17:40 +02:00
parent 1ea94b469b
commit 4ac176f8a9
3 changed files with 60 additions and 35 deletions

View File

@ -50,6 +50,7 @@
<!-- Colors Section -->
<fieldset>
<h2>Colors</h2>
<p>Set the color values for your theme</p>
<div class="fields">
<!-- Example for one color field, repeat for all -->
<div class="input-field">
@ -113,6 +114,7 @@
<!-- Google Fonts Section -->
<fieldset>
<h2>Google Fonts</h2>
<p>Add Google Fonts to your theme</p>
<div class="fields" id="google-fonts-fields">
<!-- JS will render font family and weights inputs here -->
</div>
@ -120,17 +122,16 @@
</fieldset>
<!-- Custom Font Upload Section -->
<fieldset>
<h2>Upload Custom Font (.woff, .woff2)</h2>
<div class="fields">
<h2>Upload Custom Font</h2>
<p>Supported formats: .woff, .woff2</p>
<input type="file" id="font-upload" accept=".woff,.woff2" style="display:none;">
<button type="button" id="choose-font-btn" class="up-btn">🖋️ Upload font</button>
<div id="local-fonts-list" class="font-list"></div>
<span id="font-upload-status"></span>
</div>
<button type="button" id="choose-font-btn" class="up-btn">🖋️ Upload font</button>
</fieldset>
<!-- Fonts Section -->
<fieldset>
<h2>Fonts</h2>
<p>Select where to apply your fonts</p>
<div class="fields">
<div class="input-field">
<label>Primary Font</label>
@ -155,6 +156,7 @@
<!-- Favicon Section -->
<fieldset>
<h2>Favicon</h2>
<p>Supported formats: .png, .jpg, .jpeg</p>
<div class="fields">
<div class="input-field">
<label>Favicon Path</label>