Fix icon hover colors, text alignment, and UI improvements
This commit is contained in:
+25
-3
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user