Theme editor UI refinement
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user