Kaera umschaltbar

This commit is contained in:
2026-05-25 15:30:56 +02:00
parent 1855a2446b
commit 8c8bfd9e5b
7 changed files with 452 additions and 111 deletions
+77 -32
View File
@@ -995,30 +995,65 @@ body.page-admin .admin-shell{
padding:12px; width:100%;
}
body.page-admin .admin-section-tabs{
display:flex; gap:6px; flex-shrink:0;
display:flex; gap:0; flex-shrink:0;
padding:8px 8px 0;
border-bottom:1px solid rgba(120,255,205,.18);
background:linear-gradient(180deg, rgba(9,18,24,.94), rgba(7,13,18,.88));
border-radius:14px 14px 0 0;
box-shadow:inset 0 -1px 0 rgba(255,255,255,.02);
}
body.page-admin .admin-section-tab{
font-family:var(--disp); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
padding:10px 16px; border:1px solid rgba(120,255,205,.24);
background:rgba(0,255,145,.04); color:rgba(215,255,238,.88);
cursor:pointer; transition:all .15s;
padding:10px 16px;
margin:0 4px -1px 0;
border:1px solid rgba(120,255,205,.18);
border-bottom-color:rgba(120,255,205,.18);
border-radius:10px 10px 0 0;
background:linear-gradient(180deg, rgba(10,22,28,.92), rgba(7,14,20,.96));
color:rgba(215,255,238,.76);
cursor:pointer;
transition:all .15s;
position:relative;
}
body.page-admin .admin-section-tab::after{
content:'';
position:absolute;
left:12px;
right:12px;
bottom:0;
height:2px;
background:transparent;
transition:background .15s ease;
}
body.page-admin .admin-section-tab:hover{
border-color:rgba(180,255,225,.48);
background:rgba(0,255,145,.08);
border-color:rgba(180,255,225,.36);
background:linear-gradient(180deg, rgba(16,34,42,.95), rgba(8,18,24,.98));
color:#fff;
}
body.page-admin .admin-section-tab.is_active{
border-color:rgba(180,255,225,.72);
background:linear-gradient(180deg, rgba(20,120,82,.3), rgba(6,40,28,.95));
border-color:rgba(180,255,225,.62);
border-bottom-color:#0b1218;
background:linear-gradient(180deg, rgba(20,120,82,.24), rgba(11,18,24,1) 68%);
color:#fff;
box-shadow:0 0 14px rgba(120,255,205,.16), inset 0 0 14px rgba(180,255,225,.08);
box-shadow:
0 -1px 0 rgba(255,255,255,.03) inset,
0 0 0 1px rgba(0,255,145,.04),
0 10px 22px rgba(0,0,0,.16);
z-index:2;
}
body.page-admin .admin-section-tab.is_active::after{
background:linear-gradient(90deg, rgba(120,255,205,0), rgba(120,255,205,.92), rgba(120,255,205,0));
}
body.page-admin .admin-section-panel{
flex:1; min-height:0; overflow-y:auto; display:none;
}
body.page-admin .admin-section-panel.is_active{
display:block;
border:1px solid rgba(120,255,205,.16);
border-top:none;
border-radius:0 0 16px 16px;
background:linear-gradient(180deg, rgba(9,16,22,.98), rgba(7,13,18,.98));
box-shadow:0 18px 38px rgba(0,0,0,.16);
}
body.page-admin .admin-section-grid{
min-height:100%;
@@ -1092,7 +1127,13 @@ body.page-admin .motor-admin-tab .steering_neutral_adjust{ padding:4px 10px !imp
}
@media (max-width:479px){
body.page-admin .hdr-badge, body.page-admin .hdr-clk{ display:none; }
body.page-admin .admin-section-tab{ flex:1; text-align:center; padding:10px 8px; }
body.page-admin .admin-section-tabs{ flex-wrap:wrap; gap:0; }
body.page-admin .admin-section-tab{
flex:1 1 calc(50% - 4px);
text-align:center;
padding:10px 8px;
margin:0 4px -1px 0;
}
body.page-admin .motor-admin-tab .tab-row{ grid-template-columns:1fr; }
body.page-admin .motor-admin-tab .tab-box + .tab-box{ border-left:none; border-top:1px solid rgba(0,255,145,.06); }
body.page-admin .drive-estimator-toolbar{ flex-direction:column; align-items:stretch; }
@@ -1115,6 +1156,7 @@ body.page-admin .act-btn.warm:hover{ background:rgba(255,140,0,.12); color:#FF8C
body.page-admin .act-btn.danger{ border-color:rgba(255,51,51,.35); color:rgba(255,51,51,.7); background:rgba(255,51,51,.04); }
body.page-admin .act-btn.danger:hover{ background:rgba(255,51,51,.12); color:#FF3333; border-color:rgba(255,51,51,.7); }
body.page-admin .act-btn.full{ grid-column:span 2; }
body.page-admin .act-grid_single{ grid-template-columns:1fr; }
body.page-admin .act-btn.subtle{ border-color:rgba(0,255,145,.1); color:rgba(0,255,145,.3); }
body.page-admin .act-btn.subtle:hover{ color:rgba(0,255,145,.6); border-color:rgba(0,255,145,.35); }
body.page-admin .act-btn.is_active{
@@ -1147,6 +1189,31 @@ body.page-admin .ctrl-select{
}
body.page-admin .ctrl-select:focus{ border-color:rgba(0,255,145,.5); }
body.page-admin .ctrl-status{ font-size:9px; letter-spacing:1.2px; color:rgba(225,255,242,.92); white-space:nowrap; min-width:64px; text-align:right; }
body.page-admin .camera-copy{
font-size:10px; color:rgba(205,255,235,.86); letter-spacing:.4px; line-height:1.6;
padding:8px 12px; border-bottom:1px solid rgba(0,255,145,.05);
}
body.page-admin .camera-preview-stage{
padding:14px 12px 12px;
background:
radial-gradient(circle at top, rgba(30,90,140,.24), transparent 55%),
linear-gradient(180deg, rgba(7,17,28,.96), rgba(4,10,18,.98));
border-bottom:1px solid rgba(0,255,145,.05);
}
body.page-admin .camera-preview-image{
display:block;
width:100%;
aspect-ratio:16/9;
object-fit:contain;
background:#03070c;
border:1px solid rgba(120,255,205,.16);
border-radius:14px;
box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.03);
}
body.page-admin .camera-preview-meta{
display:grid;
gap:0;
}
body.page-admin .drive-estimator-copy{
font-size:10px; color:rgba(205,255,235,.86); letter-spacing:.4px; line-height:1.6;
padding:8px 12px; border-bottom:1px solid rgba(0,255,145,.05);
@@ -1292,28 +1359,6 @@ body.page-admin .gps-copy{
padding:10px 12px;
border-bottom:1px solid rgba(0,255,145,.05);
}
body.page-admin .gps-copy_compact{
border-bottom:none;
}
body.page-admin .gps-raw-output{
width:100%;
min-height:220px;
max-height:320px;
resize:vertical;
overflow:auto;
margin-top:14px;
padding:12px 14px;
border:1px solid rgba(0,255,145,.18);
border-radius:12px;
background:#07111c;
color:#b8ffe1;
font:12px/1.45 Consolas, "Courier New", monospace;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
body.page-admin .gps-raw-output:focus{
outline:none;
border-color:rgba(0,255,145,.28);
}
body.page-admin .gps-sky-stage{
padding:18px;
position:relative;