dsfdsf

modules/pihole/pages/lists.php

@@ -10,15 +10,15 @@ $hasConfig = !empty($instances);
   'title' => 'Listen & Domains',
   'description' => 'Top-Domains, Listen-Updates und neue Eintraege auf der Primaer-Instanz.',
 ]) ?>
-<div class="card pihole-page" data-pihole-page="lists">
+<div class="module-flow pihole-page" data-pihole-page="lists">
   <?php if (!$hasConfig): ?>
-    <div class="card" style="margin-top:1rem; border-color:var(--accent);">
+    <div class="module-box">
       <strong>Keine Instanzen konfiguriert</strong>
       <div class="muted" style="margin-top:.35rem;">Bitte zuerst eine Pi-hole Instanz hinzufuegen.</div>
-      <div style="margin-top:.75rem;"><a class="nav-link" href="/module/pihole/instances">Instanzen verwalten</a></div>
+      <div style="margin-top:.75rem;"><a class="module-button module-button--secondary module-button--small" href="/module/pihole/instances">Instanzen verwalten</a></div>
     </div>
   <?php else: ?>
-    <div class="card" style="margin-top:1rem;">
+    <section class="module-box">
       <div class="pihole-section-header">
         <strong>Listen-Updates</strong>
         <span class="muted">Gravity / Blocklisten neu laden</span>
@@ -27,17 +27,17 @@ $hasConfig = !empty($instances);
         <button class="cta-button" data-action="gravity" data-instance="primary">Listen aktualisieren (Primaer)</button>
       </div>
       <div class="pihole-update" data-list-update-status></div>
-    </div>
+    </section>
 
-    <div class="pihole-split" style="margin-top:1.25rem;">
-      <div class="card">
+    <div class="module-box-grid module-box-grid--panels pihole-split">
+      <div class="module-box">
         <div class="pihole-section-header">
           <strong>Top geblockte Domains (Aggregiert)</strong>
           <span class="muted">Letzte Statistiken</span>
         </div>
         <div class="pihole-list" data-top-ads></div>
       </div>
-      <div class="card">
+      <div class="module-box">
         <div class="pihole-section-header">
           <strong>Top erlaubte Domains (Aggregiert)</strong>
           <span class="muted">Letzte Statistiken</span>
@@ -46,7 +46,7 @@ $hasConfig = !empty($instances);
       </div>
     </div>
 
-    <div class="card" style="margin-top:1.25rem;">
+    <section class="module-box">
       <div class="pihole-section-header">
         <strong>Domainlisten erweitern</strong>
         <span class="muted">Eintraege werden auf der Primaer-Instanz gesetzt</span>
@@ -66,9 +66,9 @@ $hasConfig = !empty($instances);
         <button class="cta-button" type="submit">Hinzufuegen</button>
       </form>
       <div class="pihole-update" data-domain-status></div>
-    </div>
+    </section>
 
-    <div class="card" style="margin-top:1.25rem;">
+    <section class="module-box">
       <div class="pihole-section-header">
         <strong>Adlist-URL hinzufuegen</strong>
         <span class="muted">Optional: unterstuetzt nur wenn die API den Endpunkt anbietet.</span>
@@ -81,7 +81,7 @@ $hasConfig = !empty($instances);
         <button class="nav-link" type="submit">Adlist hinzufuegen</button>
       </form>
       <div class="pihole-update" data-adlist-status></div>
-    </div>
+    </section>
   <?php endif; ?>
 </div>
 <?= module_shell_footer() ?>