mirror of
https://github.com/plexguide/Huntarr.git
synced 2026-01-25 12:48:59 -06:00
93 lines
3.5 KiB
HTML
93 lines
3.5 KiB
HTML
<section id="appsSection" class="content-section">
|
|
<div class="section-header">
|
|
<div class="log-dropdown">
|
|
<button class="log-dropdown-btn">
|
|
<span id="current-apps-app">Sonarr</span>
|
|
<i class="fas fa-chevron-down"></i>
|
|
</button>
|
|
<div class="log-dropdown-content">
|
|
<a href="#" class="log-option active" data-app="sonarr">Sonarr</a>
|
|
<a href="#" class="log-option" data-app="radarr">Radarr</a>
|
|
<a href="#" class="log-option" data-app="lidarr">Lidarr</a>
|
|
<a href="#" class="log-option" data-app="readarr">Readarr</a>
|
|
<a href="#" class="log-option" data-app="whisparr">Whisparr V2</a>
|
|
<a href="#" class="log-option" data-app="eros">Eros</a>
|
|
<a href="#" class="log-option" data-app="swaparr">Swaparr</a>
|
|
</div>
|
|
</div>
|
|
<button id="saveAppsButton" class="save-button" disabled>
|
|
<i class="fas fa-save"></i> Save
|
|
</button>
|
|
</div>
|
|
|
|
<!-- App panels - use direct children without nested containers -->
|
|
<div id="sonarrApps" class="app-apps-panel app-content-panel active" style="display: block;"></div>
|
|
<div id="radarrApps" class="app-apps-panel app-content-panel"></div>
|
|
<div id="lidarrApps" class="app-apps-panel app-content-panel"></div>
|
|
<div id="readarrApps" class="app-apps-panel app-content-panel"></div>
|
|
<div id="whisparrApps" class="app-apps-panel app-content-panel"></div>
|
|
<div id="erosApps" class="app-apps-panel app-content-panel"></div>
|
|
<div id="swaparrApps" class="app-apps-panel app-content-panel"></div>
|
|
|
|
<!-- Fixed banner at the bottom of the viewport -->
|
|
<div class="fixed-banner-footer">
|
|
<p>
|
|
<a href="https://Huntarr.io" target="_blank">Huntarr.io</a> © 2025
|
|
|
|
|
<i class="fas fa-heart donation-icon"></i>
|
|
<a href="https://donate.plex.one" target="_blank">Donate @ PLEX.one</a> for Daughter's College Fund!
|
|
|
|
|
<i class="fas fa-star star-icon"></i>
|
|
<a href="https://github.com/plexguide/huntarr" target="_blank">Star Huntarr on GitHub</a> - Really Helps!
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
/* Fixed banner footer styling */
|
|
.fixed-banner-footer {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
padding: 10px 20px;
|
|
background-color: var(--bg-secondary);
|
|
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
|
|
border-top: 1px solid var(--border-color);
|
|
z-index: 1000; /* Ensure it's above other elements */
|
|
}
|
|
|
|
/* Add bottom padding to the app panels to prevent content from being hidden */
|
|
.app-apps-panel {
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.fixed-banner-footer p {
|
|
margin: 0;
|
|
font-size: 1em;
|
|
color: var(--text-primary);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.fixed-banner-footer a {
|
|
color: var(--accent-color);
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
transition: color 0.2s, text-decoration 0.2s;
|
|
}
|
|
|
|
.fixed-banner-footer a:hover {
|
|
text-decoration: underline;
|
|
color: var(--accent-hover);
|
|
}
|
|
|
|
.fixed-banner-footer .donation-icon {
|
|
color: var(--error-color, #ff6b6b);
|
|
}
|
|
|
|
.fixed-banner-footer .star-icon {
|
|
color: var(--warning-color, #ffd700);
|
|
}
|
|
</style>
|