alf/teatracker
1
0
Fork 0
mirror of https://github.com/trevor1969/teatracker.git synced 2026-08-09 10:41:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Add missing background image section to index.html

Browse Source 
- Background image section was missing from previous commit
- Add bg-image-upload, bg-enabled, save-bg, remove-bg elements
- This fixes the non-responsive buttons issue for background settings

Co-authored-by: trevor1969 <trevor1969@users.noreply.github.com>
This commit is contained in:
Vibe Nuage Agent
2026-06-04 18:26:16 +00:00
parent 073834a5dc
commit a16da66c2d
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
index.html
View File

@ -181,6 +181,39 @@
<button id="export-data" class="btn btn-secondary">📤 Daten exportieren</button> <button id="export-data" class="btn btn-secondary">📤 Daten exportieren</button>
<button id="import-data" class="btn btn-secondary">📥 Daten importieren</button> <button id="import-data" class="btn btn-secondary">📥 Daten importieren</button>
<button id="clear-data" class="btn btn-danger">🗑️ Alle Daten löschen</button> <button id="clear-data" class="btn btn-danger">🗑️ Alle Daten löschen</button>
</div>
<div class="settings-section">
<h3>🎨 Hintergrundbild</h3>
<p>Wähle ein Hintergrundbild für deine TeeTracker-App.</p>
<div class="form-group">
<label for="bg-image-upload">Hintergrundbild hochladen:</label>
<input type="file" id="bg-image-upload" accept="image/*">
</div>
<div class="form-group">
<label for="bg-image-preview">Vorschau:</label>
<div id="bg-image-preview" class="bg-preview" style="display: none;">
<img id="bg-preview-img" style="max-width: 200px; max-height: 150px; border-radius: 8px; margin-top: 10px;">
</div>
</div>
<div class="form-group checkbox-group">
<label>
<input type="checkbox" id="bg-enabled">
<span class="checkmark"></span>
Hintergrundbild aktivieren
</label>
</div>
<div class="form-actions">
<button id="remove-bg" class="btn btn-secondary" style="display: none;">🗑️ Hintergrund entfernen</button>
<button id="save-bg" class="btn btn-primary">💾 Hintergrund speichern</button>
</div>
</div>
</div> </div>
</div> </div>