Roman/ohm_streaming
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: resolve all DaisyUI audit issues

Browse Source 
- settings.js: replace broken CSS vars with getThemeColor() helper
- base.html: add bg-primary text-primary-content active state to drawer
- All templates: btn-small -> btn-sm (DaisyUI standard)
- Delete orphan templates/components/header.html
- auth-utils.js: fix .show class -> use hidden (Tailwind)
- login.html: remove redundant auth-* classes, keep DaisyUI only
- auth-ui.js: update form selector for cleanup
- watchlist.html: fix nav active class styling
- 4 JS files (series-search, tabs, recommendations, anime-details):
  - Replace all old CSS classes with DaisyUI/Tailwind
  - Remove hardcoded colors, use theme-aware classes
  - loading-spinner -> DaisyUI loading component
  - no-results/search-results -> Tailwind utility layout
  - All badges -> DaisyUI badge variants
This commit is contained in:
root
2026-04-11 20:20:26 +00:00
parent 4101d98a41
commit 535005b3d5
12 changed files with 375 additions and 405 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/base.html
+6 -6
View File
@@ -230,42 +230,42 @@
<li class="mt-2">
<button class="w-full text-left"
:class="{ 'active': activeTab === 'home' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'home' }"
@click="activeTab = 'home'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'home' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-house w-5 text-center"></i> Accueil
</button>
</li>
<li>
<button class="w-full text-left"
:class="{ 'active': activeTab === 'anime' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'anime' }"
@click="activeTab = 'anime'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'anime' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-film w-5 text-center"></i> Anime
</button>
</li>
<li>
<button class="w-full text-left"
:class="{ 'active': activeTab === 'series' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'series' }"
@click="activeTab = 'series'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'series' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-tv w-5 text-center"></i> Séries
</button>
</li>
<li>
<button class="w-full text-left"
:class="{ 'active': activeTab === 'watchlist' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'watchlist' }"
@click="activeTab = 'watchlist'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'watchlist' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-clipboard-list w-5 text-center"></i> Watchlist
</button>
</li>
<li>
<button class="w-full text-left"
:class="{ 'active': activeTab === 'downloads' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'downloads' }"
@click="activeTab = 'downloads'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'downloads' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-download w-5 text-center"></i> Téléchargements
</button>
</li>
<li>
<button class="w-full text-left"
:class="{ 'active': activeTab === 'settings' }"
:class="{ 'bg-primary text-primary-content rounded-lg': activeTab === 'settings' }"
@click="activeTab = 'settings'; window.dispatchEvent(new CustomEvent('set-tab', { detail: { tab: 'settings' } })); document.getElementById('ohm-drawer').checked = false">
<i class="fa-solid fa-gear w-5 text-center"></i> Paramètres
</button>