Geräte-Tab: Toolbar mit Inline-Styles für zuverlässige Darstellung

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-08-12 14:40:41 +02:00
co-authored by Claude Sonnet 4.6
parent 07b462dc3d
commit c5bba697b4
+6 -6
View File
@@ -466,20 +466,20 @@
<!-- GERÄTE VIEW --> <!-- GERÄTE VIEW -->
<section class="dev-view hidden" id="devView"> <section class="dev-view hidden" id="devView">
<div class="dev-toolbar"> <div style="display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--hairline-soft);flex-shrink:0;">
<div class="dev-search-wrap"> <div style="position:relative;display:flex;align-items:center;flex:1;min-width:0;">
<svg class="search-ico" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg> <svg style="position:absolute;left:10px;color:var(--muted);pointer-events:none;" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
<input type="search" id="devSearch" class="input dev-search-input" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off"> <input type="search" id="devSearch" style="width:100%;box-sizing:border-box;padding:0 12px 0 34px;height:34px;background:var(--canvas);border:1px solid var(--hairline);border-radius:6px;color:var(--ink);font-size:13px;font-family:inherit;" placeholder="Gerätename, Benutzer, Seriennummer…" autocomplete="off">
</div> </div>
<span id="devCount" class="count-badge">0</span> <span id="devCount" class="count-badge">0</span>
<select id="devOsFilter" class="input input-select btn-sm"> <select id="devOsFilter" style="height:34px;padding:0 8px;border:1px solid var(--hairline);border-radius:6px;background:var(--canvas);color:var(--ink);font-size:12.5px;cursor:pointer;">
<option value="">Alle OS</option> <option value="">Alle OS</option>
<option value="Windows">Windows</option> <option value="Windows">Windows</option>
<option value="macOS">macOS</option> <option value="macOS">macOS</option>
<option value="iOS">iOS</option> <option value="iOS">iOS</option>
<option value="Android">Android</option> <option value="Android">Android</option>
</select> </select>
<select id="devComplianceFilter" class="input input-select btn-sm"> <select id="devComplianceFilter" style="height:34px;padding:0 8px;border:1px solid var(--hairline);border-radius:6px;background:var(--canvas);color:var(--ink);font-size:12.5px;cursor:pointer;">
<option value="">Alle Compliance</option> <option value="">Alle Compliance</option>
<option value="compliant">Compliant</option> <option value="compliant">Compliant</option>
<option value="noncompliant">Non-Compliant</option> <option value="noncompliant">Non-Compliant</option>