usite-sas-bic/whatsapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update kiosko.php

Browse Source
This commit is contained in:
Lizandro Guarnizo
2026-06-11 20:32:56 -05:00
parent 2149938178
commit 34ab846acc
1 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/turnero/views/kiosko.php
+23 -23
View File
@@ -125,7 +125,7 @@ unset($p);
}
.kiosko-topbar .lab-nombre {
color: #fff;
font-size: clamp(1rem, 2.5vw, 1.4rem);
font-size: clamp(1.15rem, 2.8vw, 1.55rem);
font-weight: 700;
letter-spacing: -.3px;
flex: 1;
@@ -136,7 +136,7 @@ unset($p);
color: #fff;
border-radius: 8px;
padding: 4px 12px;
font-size: .8rem;
font-size: .95rem;
font-weight: 600;
}
.btn-fullscreen {
@@ -145,7 +145,7 @@ unset($p);
color: #fff;
border-radius: 8px;
padding: 6px 10px;
font-size: 1rem;
font-size: 1.15rem;
cursor: pointer;
transition: background .15s;
flex-shrink: 0;
@@ -169,14 +169,14 @@ unset($p);
/* ── Instrucción central ── */
.kiosko-titulo {
font-size: clamp(1.4rem, 3.5vw, 2.2rem);
font-size: clamp(1.55rem, 3.8vw, 2.35rem);
font-weight: 700;
color: var(--brand-dark);
text-align: center;
margin-bottom: .4rem;
}
.kiosko-subtitulo {
font-size: clamp(.85rem, 1.8vw, 1.05rem);
font-size: clamp(1rem, 2.1vw, 1.2rem);
color: #64748b;
text-align: center;
margin-bottom: 2rem;
@@ -210,30 +210,30 @@ unset($p);
width: 52px; height: 52px;
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 1.5rem;
font-size: 1.7rem;
color: #fff;
margin-bottom: .2rem;
}
.btn-prioridad .letra { font-size: clamp(1rem, 2.5vw, 1.4rem); font-weight: 800; color: #1e293b; }
.btn-prioridad .nombre { font-size: clamp(.82rem, 1.8vw, 1rem); color: #334155; text-align: center; }
.btn-prioridad .desc { font-size: clamp(.68rem, 1.3vw, .8rem); color: #94a3b8; text-align: center; }
.btn-prioridad .letra { font-size: clamp(1.15rem, 2.8vw, 1.55rem); font-weight: 800; color: #1e293b; }
.btn-prioridad .nombre { font-size: clamp(.97rem, 2.1vw, 1.15rem); color: #334155; text-align: center; }
.btn-prioridad .desc { font-size: clamp(.83rem, 1.6vw, .95rem); color: #94a3b8; text-align: center; }
/* ── Formulario de datos ── */
.form-kiosko { width: 100%; max-width: 480px; }
.badge-prio-mini {
display: inline-flex; align-items: center; gap: 8px;
padding: .45rem 1.2rem; border-radius: 99px;
font-size: 1rem; font-weight: 700; color: #fff;
font-size: 1.15rem; font-weight: 700; color: #fff;
margin-bottom: 1.5rem;
}
.form-kiosko label { color: #475569; font-size: .95rem; margin-bottom: .35rem; font-weight: 500; }
.form-kiosko label { color: #475569; font-size: 1.1rem; margin-bottom: .35rem; font-weight: 500; }
.form-kiosko .form-control {
background: #fff;
border: 1.5px solid #e2e8f0;
color: #1e293b;
border-radius: 14px;
padding: .85rem 1.1rem;
font-size: 1.05rem;
font-size: 1.2rem;
box-shadow: 0 1px 4px rgba(0,0,0,.05);
transition: border-color .2s, box-shadow .2s;
}
@@ -242,10 +242,10 @@ unset($p);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent);
outline: none;
}
.form-kiosko .hint { color: #94a3b8; font-size: .82rem; margin-top: .35rem; }
.form-kiosko .hint { color: #94a3b8; font-size: .97rem; margin-top: .35rem; }
.btn-kiosko-main {
border: none; border-radius: 14px;
padding: 1rem 2rem; font-size: 1.05rem; font-weight: 700;
padding: 1rem 2rem; font-size: 1.2rem; font-weight: 700;
cursor: pointer; color: #fff;
background: var(--brand);
box-shadow: 0 4px 16px color-mix(in srgb, var(--brand) 40%, transparent);
@@ -257,7 +257,7 @@ unset($p);
background: transparent;
border: 1.5px solid #e2e8f0;
color: #94a3b8; border-radius: 12px; padding: .7rem 1.5rem;
font-size: .92rem; cursor: pointer; margin-top: .6rem; width: 100%;
font-size: 1.07rem; cursor: pointer; margin-top: .6rem; width: 100%;
transition: background .12s, border-color .12s;
}
.btn-kiosko-back:hover { background: var(--brand-mid); border-color: var(--brand); color: var(--brand-dark); }
@@ -297,7 +297,7 @@ unset($p);
max-width: 460px; width: 100%;
border-top: 6px solid var(--brand);
}
.ticket-label { color: #94a3b8; font-size: .85rem; text-transform: uppercase;
.ticket-label { color: #94a3b8; font-size: 1rem; text-transform: uppercase;
letter-spacing: .08em; margin-bottom: .3rem; }
.ticket-codigo {
font-size: clamp(4rem, 18vw, 9rem);
@@ -308,7 +308,7 @@ unset($p);
.ticket-prio-badge {
display: inline-block; padding: .3rem 1.1rem;
border-radius: 99px; font-weight: 700; color: #fff;
font-size: .95rem; margin-top: .8rem;
font-size: 1.1rem; margin-top: .8rem;
}
.ticket-pos {
margin-top: 1.2rem;
@@ -316,13 +316,13 @@ unset($p);
border-radius: 12px;
padding: .8rem;
}
.ticket-pos .lbl { font-size: .78rem; color: #64748b; text-transform: uppercase; letter-spacing: .06em; }
.ticket-pos .num { font-size: 1.8rem; font-weight: 800; color: var(--brand-dark); }
.ticket-instruc { margin-top: 1.4rem; color: #94a3b8; font-size: .88rem; line-height: 1.5; }
.ticket-pos .lbl { font-size: .93rem; color: #64748b; text-transform: uppercase; letter-spacing: .06em; }
.ticket-pos .num { font-size: 1.95rem; font-weight: 800; color: var(--brand-dark); }
.ticket-instruc { margin-top: 1.4rem; color: #94a3b8; font-size: 1.03rem; line-height: 1.5; }
.btn-nuevo {
margin-top: 1.8rem; border: 2px solid var(--brand-mid);
border-radius: 12px; padding: .75rem 2rem;
font-size: .95rem; font-weight: 600; cursor: pointer;
font-size: 1.1rem; font-weight: 600; cursor: pointer;
color: var(--brand-dark); background: #fff;
transition: background .15s, border-color .15s;
}
@@ -350,7 +350,7 @@ unset($p);
.toast-error {
position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%);
background: #ef4444; color: #fff; padding: .75rem 1.5rem;
border-radius: 12px; font-size: .92rem; font-weight: 600;
border-radius: 12px; font-size: 1.07rem; font-weight: 600;
box-shadow: 0 4px 20px rgba(0,0,0,.2);
opacity: 0; pointer-events: none; transition: opacity .25s;
z-index: 1000; white-space: nowrap;
@@ -361,7 +361,7 @@ unset($p);
.kiosko-footer {
text-align: center;
padding: 8px;
font-size: .7rem;
font-size: .85rem;
color: color-mix(in srgb, var(--brand) 55%, #fff);
background: var(--brand-mid);
flex-shrink: 0;