VS Code Web: densidad de interfaz compacta
Reduce barras, pestañas y listas para que quepa más en el área visible.
Código para copiar
/* Compact density across panels, tabs and status bar (works on github.dev too) */
.monaco-workbench .part.statusbar {
height: 20px !important;
font-size: 11px !important;
}
.monaco-workbench .tabs-container .tab {
height: 28px !important;
padding: 0 8px !important;
}
.monaco-workbench .part.panel .composite.title {
height: 28px !important;
}
.monaco-workbench .monaco-list-row {
height: 20px !important;
}
Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.
Valora este ejemplo
Sin valoraciones — sé el primero.