| Standort | +Gebäude | +Stockwerk | +Details | +Aktionen | +
|---|---|---|---|---|
| + + + | ++ | + + Gebäude + | +||
| + | + |
+
+
- Keine Stockwerke für dieses Gebäude. + - - - + |
+ + Bearbeiten + Löschen + + Stockwerk + | +|
| + | + | + | + + + + + + | ++ Bearbeiten + Löschen + | +
| + | + | Keine Gebäude | ++ | + |
Keine Standorte gefunden.
@@ -320,69 +330,70 @@ foreach ($floors as $floor) { font-size: 1.3rem; } -.hierarchy-list { - list-style: none; - padding: 0; - margin: 0; - display: flex; - flex-direction: column; - gap: 15px; +.hierarchy-table { + width: 100%; + border-collapse: separate; + border-spacing: 0; + border: 1px solid #d8dee5; + border-radius: 10px; + overflow: hidden; } -.hierarchy-list__item { - padding: 15px; - border: 1px solid #e0e0e0; - border-radius: 8px; - background: #fafafa; -} - -.hierarchy-location, -.hierarchy-building, -.hierarchy-floor { - display: flex; - justify-content: space-between; - align-items: flex-start; - gap: 10px; -} - -.hierarchy-location__info, -.hierarchy-building__info, -.hierarchy-floor__info { - display: flex; - flex-direction: column; - gap: 4px; -} - -.hierarchy-location__name, -.hierarchy-building__name, -.hierarchy-floor__name { +.hierarchy-table th { + background: #f3f6fa; + padding: 10px 12px; + text-align: left; + font-size: 0.9rem; font-weight: 600; + border-bottom: 1px solid #d8dee5; } -.hierarchy-location__meta, -.hierarchy-building__meta, -.hierarchy-floor__meta { - color: #666; +.hierarchy-table td { + padding: 9px 12px; + border-bottom: 1px solid #eef2f6; + vertical-align: top; +} + +.hierarchy-row:last-child td { + border-bottom: none; +} + +.hierarchy-row--empty { + background: #fcfcfc; +} + +.hierarchy-cell { + white-space: nowrap; +} + +.hierarchy-cell--location { + background: #fbfcfe; + font-weight: 600; + min-width: 170px; +} + +.hierarchy-cell--building { + padding-left: 18px; + min-width: 180px; +} + +.hierarchy-cell--floor { + padding-left: 24px; + min-width: 160px; +} + +.hierarchy-cell--empty { + background: #fafbfd; + width: 20px; +} + +.hierarchy-meta { + color: #4e5c6b; font-size: 0.9rem; } -.hierarchy-sublist { - list-style: none; - margin: 10px 0 0 20px; - padding: 0; - display: flex; - flex-direction: column; - gap: 10px; -} - -.hierarchy-sublist--nested { - margin-left: 20px; -} - -.hierarchy-empty { - margin: 10px 0 0 20px; - color: #888; - font-size: 0.9rem; +.hierarchy-meta--muted { + color: #8a94a3; } .hierarchy-actions { display: flex; @@ -402,7 +413,7 @@ foreach ($floors as $floor) { + +