Fit simulation header to reference width
This commit is contained in:
+16
-23
@@ -25,8 +25,8 @@
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
display: grid;
|
||||
grid-template-columns: 170px minmax(280px, 1fr) 170px auto;
|
||||
gap: 24px;
|
||||
grid-template-columns: 150px minmax(220px, 1fr) 150px auto;
|
||||
gap: 18px;
|
||||
align-items: center;
|
||||
max-width: 1024px;
|
||||
margin: 0 auto 20px;
|
||||
@@ -40,7 +40,7 @@
|
||||
}
|
||||
|
||||
.reference-brand img {
|
||||
width: min(158px, 100%);
|
||||
width: min(146px, 100%);
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
mix-blend-mode: screen;
|
||||
@@ -55,8 +55,8 @@
|
||||
|
||||
.temperature-control {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(180px, 250px) auto;
|
||||
gap: 34px;
|
||||
grid-template-columns: minmax(150px, 210px) auto;
|
||||
gap: 24px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@@ -108,7 +108,7 @@
|
||||
|
||||
.outside-temp strong {
|
||||
display: block;
|
||||
font-size: 37px;
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.04em;
|
||||
@@ -131,16 +131,16 @@
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
min-height: 36px;
|
||||
padding: 0 14px;
|
||||
font-size: 13px;
|
||||
padding: 0 11px;
|
||||
font-size: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.control-cluster {
|
||||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
gap: 18px;
|
||||
padding: 14px;
|
||||
gap: 14px;
|
||||
padding: 10px;
|
||||
border: 1px solid rgba(188, 218, 239, 0.22);
|
||||
border-radius: 9px;
|
||||
background: linear-gradient(135deg, rgba(54, 69, 87, 0.88), rgba(36, 47, 63, 0.92));
|
||||
@@ -149,13 +149,13 @@
|
||||
|
||||
.speed-buttons {
|
||||
display: flex;
|
||||
gap: 7px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.speed-buttons button {
|
||||
min-width: 42px;
|
||||
height: 38px;
|
||||
font-size: 18px;
|
||||
min-width: 36px;
|
||||
height: 32px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.speed-buttons button.active {
|
||||
@@ -165,7 +165,7 @@
|
||||
}
|
||||
|
||||
.time-card {
|
||||
padding-left: 20px;
|
||||
padding-left: 14px;
|
||||
border-left: 1px solid rgba(210, 231, 247, 0.17);
|
||||
}
|
||||
|
||||
@@ -173,7 +173,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
font-size: 21px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -312,13 +312,6 @@
|
||||
|
||||
.vent {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
border-radius: 5px;
|
||||
background: rgba(200, 218, 230, 0.18);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 18px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.vent {
|
||||
z-index: 3;
|
||||
width: 9%;
|
||||
height: 2%;
|
||||
|
||||
Reference in New Issue
Block a user