wn/home-automation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

garaga page 20

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2025-11-28 08:57:39 +01:00
parent 927d13191d
commit 1ad7df5c73
1 changed files with 37 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/ui/templates/garage.html
View File

@@ -33,7 +33,7 @@
.device-section { .device-section {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
border-radius: 12px; border-radius: 12px;
padding: 20px; padding: 16px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
} }
@@ -94,10 +94,10 @@
} }
.state-value { .state-value {
font-size: 24px; font-size: 20px;
font-weight: 600; font-weight: 600;
color: #667eea; color: #667eea;
margin-bottom: 4px; margin-bottom: 2px;
} }
.state-label { .state-label {
@@ -180,24 +180,25 @@
.phase-grid { .phase-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 20px; gap: 12px;
} }
.phase-section h4 { .phase-section h4 {
color: #333; color: #333;
margin-bottom: 12px; margin-bottom: 8px;
text-align: center; text-align: center;
font-size: 14px;
} }
.phase-values { .phase-values {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 6px;
} }
.phase-row { .phase-row {
display: flex; display: flex;
gap: 8px; gap: 6px;
} }
.phase-value.full-width { .phase-value.full-width {
@@ -211,9 +212,9 @@
.phase-value { .phase-value {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 8px 12px; padding: 6px 10px;
background: rgba(102, 126, 234, 0.1); background: rgba(102, 126, 234, 0.1);
border-radius: 8px; border-radius: 6px;
} }
.phase-value .value { .phase-value .value {
@@ -229,6 +230,32 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.phase-grid { .phase-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 8px;
}
.container {
padding: 8px;
gap: 8px;
}
.device-section {
padding: 12px;
}
.state-value {
font-size: 18px;
}
.phase-value {
padding: 4px 8px;
}
.phase-values {
gap: 4px;
}
.phase-row {
gap: 4px;
} }
} }
@@ -447,7 +474,7 @@
// Phasen Title // Phasen Title
const phaseTitle = document.createElement('h4'); const phaseTitle = document.createElement('h4');
phaseTitle.style.margin = '30px 0 12px 0'; phaseTitle.style.margin = '20px 0 8px 0';
phaseTitle.style.fontSize = '16px'; phaseTitle.style.fontSize = '16px';
phaseTitle.style.fontWeight = '600'; phaseTitle.style.fontWeight = '600';
phaseTitle.style.color = '#333'; phaseTitle.style.color = '#333';