feat: Tekniikka-moduuli sub-tabeilla (Laitteet + Sijainnit + IPAM)
- Laitteet-tabi → Tekniikka (sub-tabit: Laitteet, Sijainnit, IPAM) - Sijainnit siirretty omaksi taulukkonäkymäksi (+ "Lisää sijainti" laitteiden yhteydessä) - Uusi IPAM-näkymä: IP-osoitteet, subnetit ja VLANit hallintaan - IPAM: tyyppi (subnet/vlan/ip), verkko, VLAN-nro, sijainti, tila, asiakas - Sub-tab-tyylit ja logiikka - Yhteensopivuus: vanha 'devices' moduuli → 'tekniikka' Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
40
style.css
40
style.css
@@ -1022,6 +1022,46 @@ span.empty {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Sub-tabs (Tekniikka yms.) */
|
||||
.sub-tab-bar {
|
||||
display: flex;
|
||||
gap: 0;
|
||||
background: #f0f2f5;
|
||||
border-bottom: 2px solid #e0e0e0;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
.sub-tab {
|
||||
padding: 0.6rem 1.1rem;
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 3px solid transparent;
|
||||
font-size: 0.84rem;
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.sub-tab:hover {
|
||||
color: var(--primary-color);
|
||||
background: rgba(0,0,0,0.03);
|
||||
}
|
||||
.sub-tab.active {
|
||||
color: var(--primary-color);
|
||||
border-bottom-color: var(--primary-color);
|
||||
}
|
||||
.sub-tab-content {
|
||||
display: none;
|
||||
}
|
||||
.sub-tab-content.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* IPAM tila-badget */
|
||||
.ipam-tila { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.8rem; font-weight:600; }
|
||||
.ipam-tila-vapaa { background:#e6f9ee; color:#1a7d42; }
|
||||
.ipam-tila-varattu { background:#fef3cd; color:#856404; }
|
||||
.ipam-tila-reserved { background:#e2e3e5; color:#495057; }
|
||||
|
||||
/* Role badge */
|
||||
.role-badge {
|
||||
display: inline-block;
|
||||
|
||||
Reference in New Issue
Block a user