Fix icon hover colors, text alignment, and UI improvements

This commit is contained in:
Krikorios
2026-02-25 23:25:59 +02:00
parent 00fda3e045
commit fcc4352afa
46 changed files with 4011 additions and 600 deletions
+25 -3
View File
@@ -112,6 +112,12 @@
<span>Bookings</span>
</a>
</li>
<li class="nav-item">
<a href="/admin/availability.html" class="nav-link">
<i class="fas fa-clock"></i>
<span>Availability</span>
</a>
</li>
</ul>
</div>
@@ -231,15 +237,15 @@
<div class="logo-upload">
<img src="/images/logo/logo.png" alt="Logo" class="current-logo">
<input type="file" id="logo-input" accept="image/*" style="display:none">
<button class="btn btn-outline btn-sm" onclick="document.getElementById('logo-input').click()">Change Logo</button>
<button class="btn btn-outline btn-sm" id="logo-upload-trigger">Change Logo</button>
</div>
</div>
<div class="form-group">
<label>Favicon</label>
<div class="logo-upload">
<img src="/images/logo/logo.png" alt="Favicon" class="current-favicon" onerror="this.style.display='none'">
<img src="/images/logo/logo.png" alt="Favicon" class="current-favicon" id="current-favicon">
<input type="file" id="favicon-input" accept="image/*,.ico" style="display:none">
<button class="btn btn-outline btn-sm" onclick="document.getElementById('favicon-input').click()">Upload Favicon</button>
<button class="btn btn-outline btn-sm" id="favicon-upload-trigger">Upload Favicon</button>
</div>
</div>
</div>
@@ -639,8 +645,24 @@ Sitemap: https://mspe.pro/sitemap.xml</textarea>
setupColorPickers();
setupSaveButtons();
setupEmailTest();
setupAssetControls();
});
function setupAssetControls() {
document.getElementById('logo-upload-trigger')?.addEventListener('click', function() {
document.getElementById('logo-input')?.click();
});
document.getElementById('favicon-upload-trigger')?.addEventListener('click', function() {
document.getElementById('favicon-input')?.click();
});
const favicon = document.getElementById('current-favicon');
favicon?.addEventListener('error', function() {
this.style.display = 'none';
});
}
function setupTabs() {
document.querySelectorAll('.tab-btn').forEach(btn => {
btn.addEventListener('click', function() {