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:
+6
-6
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user