Soporte multi-distro en portatil, titulos mas grandes, panel mas ancho y refresco de microfono
install.sh --laptop ahora detecta el gestor de paquetes (apt, dnf, pacman o zypper) e instala las dependencias en Debian/Ubuntu/Mint, Fedora, Arch/Manjaro y openSUSE; en el resto avisa de los 5 paquetes a instalar a mano. En portatil no se compila projectM (opcional). Panel: titulo superior mas grande y cada titulo de tarjeta mas grande y en fuente Xirod; en pantalla ancha el panel ocupa el 94% (hasta 1600px) para aprovechar el portatil. Audio: nuevo boton 'Aplicar microfono' que reconecta la captura desde el panel (evento reacquire_audio); el microfono integrado del portatil se capta como entrada por defecto. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
7ebb593288
commit
6df128a377
8 changed files with 172 additions and 62 deletions
|
|
@ -44,8 +44,8 @@ header {
|
|||
}
|
||||
header h1 {
|
||||
font-family: "Xirod", "Arial Black", sans-serif;
|
||||
font-size: 21px; font-weight: 400; letter-spacing: 0.16em;
|
||||
color: var(--green); text-shadow: 0 0 16px rgba(180, 255, 0, 0.6);
|
||||
font-size: 32px; font-weight: 400; letter-spacing: 0.09em;
|
||||
color: var(--green); text-shadow: 0 0 18px rgba(180, 255, 0, 0.65);
|
||||
}
|
||||
#conn {
|
||||
position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
|
||||
|
|
@ -74,7 +74,7 @@ main {
|
|||
/* --- Disposicion: pantalla ancha (portatil) en dos columnas --- */
|
||||
@media (min-width: 880px) {
|
||||
main {
|
||||
max-width: 1080px; flex-direction: row;
|
||||
width: 94%; max-width: 1600px; flex-direction: row;
|
||||
align-items: flex-start; gap: 18px;
|
||||
}
|
||||
.column {
|
||||
|
|
@ -94,6 +94,12 @@ main {
|
|||
.cardhead {
|
||||
position: relative; width: 100%;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
min-height: 30px;
|
||||
}
|
||||
/* Titulo de cada tarjeta: mas grande y en la fuente Xirod */
|
||||
.cardhead .label {
|
||||
font-family: "Xirod", "Arial Black", sans-serif;
|
||||
font-size: 16px; font-weight: 400; letter-spacing: 0.04em;
|
||||
}
|
||||
|
||||
.label { color: var(--green); font-size: 13px; text-transform: uppercase;
|
||||
|
|
@ -220,7 +226,7 @@ input[type=range] { width: 100%; accent-color: var(--green); height: 30px; }
|
|||
.notif {
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
padding: 12px 16px; font-size: 14px; font-weight: 600;
|
||||
position: sticky; top: 56px; z-index: 9;
|
||||
position: sticky; top: 66px; z-index: 9;
|
||||
}
|
||||
.notif.info { background: var(--green); color: var(--ink); }
|
||||
.notif.warn { background: var(--orange); color: var(--ink); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue