MxOS/ansible-koji
SHA256
Watch
6
0
Fork
You've already forked ansible-koji
 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

feat(theme): make Koji Web layout fully responsive and full-width

Browse source 
Remove the centered max-width #wrap layout on desktop viewport widths
and clear default #innerwrap margins to allow Koji Web tables to utilize
the full screen width, preventing layout cramming.

Co-developed-by: Gemini AI <renich+gemini@woralelandia.com>
Signed-off-by: Rénich Bon Ćirić <renich@woralelandia.com>
This commit is contained in:
Rénich Bon Ćirić 2026-06-16 21:24:58 -06:00
commit 1b2509b079
Signed by: renich
GPG key ID: AB2A9F49384FE324
2 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
roles/koji_hub/tasks/main.yaml
View file

@ -519,18 +519,20 @@
/* Contenedor principal (#wrap) como tarjeta premium */
#wrap {
background-color: #ffffff; /* Fondo blanco unificado */
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05); /* Sombra suave y elegante */
border: 1px solid #e2e8f0;
border-radius: 12px; /* Esquinas redondeadas modernas */
margin: 40px auto;
max-width: 1280px; /* Ancho máximo estándar para legibilidad */
width: 95%;
overflow: hidden; /* Corta los bordes redondeados del header y nav de forma limpia */
box-shadow: none;
border: none;
border-bottom: 1px solid #e2e8f0;
border-radius: 0;
margin: 0;
max-width: 100%;
width: 100%;
overflow: hidden;
padding: 0;
box-sizing: border-box;
}
#innerwrap {
margin: 0;
padding: 0;
}