turnero display_global: ajuste layout y tipografía
Centro 46→40%, izquierda 25→31%; fuentes centro -30%, lugar izq -10%. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
1c3bd9868f
commit
d2c1b58c2e
@@ -108,7 +108,7 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
position: relative;
|
||||
}
|
||||
.pg-body.has-video {
|
||||
grid-template-columns: 25% 46% 29%;
|
||||
grid-template-columns: 31% 40% 29%;
|
||||
}
|
||||
|
||||
|
||||
@@ -123,13 +123,13 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
flex: 1;
|
||||
}
|
||||
.turno-activo .label {
|
||||
font-size: clamp(1.1rem, 1.7vw, 1.3rem);
|
||||
font-size: clamp(.77rem, 1.19vw, .91rem);
|
||||
font-weight: 700; text-transform: uppercase; letter-spacing: 4px;
|
||||
color: #94a3b8;
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
.turno-activo .codigo {
|
||||
font-size: clamp(3rem, 13vw, 9rem);
|
||||
font-size: clamp(2.1rem, 9.1vw, 6.3rem);
|
||||
font-weight: 900; line-height: 1;
|
||||
letter-spacing: -4px;
|
||||
color: var(--brand);
|
||||
@@ -160,24 +160,24 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
100% { transform: translate(-50%, -50%) scale(.75); opacity: .15; }
|
||||
}
|
||||
.turno-activo .lugar-label {
|
||||
font-size: clamp(1.5rem, 3vw, 2.5rem);
|
||||
font-size: clamp(1.05rem, 2.1vw, 1.75rem);
|
||||
font-weight: 600;
|
||||
color: #94a3b8;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
.turno-activo .lugar-nombre {
|
||||
font-size: clamp(1rem, 8vw, 6rem);
|
||||
font-size: clamp(.7rem, 5.6vw, 4.2rem);
|
||||
font-weight: 800;
|
||||
color: #1e293b;
|
||||
margin-top: .1rem;
|
||||
}
|
||||
.turno-activo .pac-nombre {
|
||||
font-size: clamp(2.65rem, 3.6vw, 2.95rem);
|
||||
font-size: clamp(1.86rem, 2.52vw, 2.07rem);
|
||||
color: #64748b;
|
||||
margin-top: .3rem;
|
||||
}
|
||||
.turno-activo .sin-turno {
|
||||
font-size: clamp(1.45rem, 2.8vw, 2.05rem);
|
||||
font-size: clamp(1.02rem, 1.96vw, 1.44rem);
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
@@ -228,7 +228,7 @@ $_hasVideo = (bool)$_tvVideo;
|
||||
}
|
||||
.ul-item .ul-cod { font-weight: 800; font-size: 2.9rem; line-height: 1; }
|
||||
.ul-item .ul-dest {
|
||||
font-size: 2.68rem; font-weight: 700; color: #1e293b;
|
||||
font-size: 2.41rem; font-weight: 700; color: #1e293b;
|
||||
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user