hardware:placas_monitor
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anteriorRevisión previaPróxima revisión | Revisión previa | ||
| hardware:placas_monitor [2026/05/13 06:15] – jesus | hardware:placas_monitor [2026/05/21 06:17] (actual) – jesus | ||
|---|---|---|---|
| Línea 68: | Línea 68: | ||
| } | } | ||
| - | /* --- REJILLA TÉCNICA | + | /* --- REJILLA TÉCNICA |
| .drive-grid-container { | .drive-grid-container { | ||
| display: flex; | display: flex; | ||
| Línea 100: | Línea 100: | ||
| } | } | ||
| - | /* Etiqueta de Resaltado del Modelo */ | ||
| .model-highlight { | .model-highlight { | ||
| background-color: | background-color: | ||
| Línea 109: | Línea 108: | ||
| } | } | ||
| + | /* REJILLA DISTRIBUIDA EN UNA SOLA LÍNEA SIN DESBORDAMIENTO */ | ||
| .drive-gallery { | .drive-gallery { | ||
| display: flex; | display: flex; | ||
| - | gap: 15px; | + | gap: 10px; |
| - | flex-wrap: wrap; | + | flex-direction: row; |
| - | justify-content: | + | flex-wrap: nowrap; |
| + | justify-content: | ||
| + | width: 100%; | ||
| } | } | ||
| Línea 124: | Línea 126: | ||
| flex-direction: | flex-direction: | ||
| align-items: | align-items: | ||
| + | flex: 1 1 0px; /* Reparto equitativo del espacio */ | ||
| + | max-width: 24%; /* Evita que superen el cuarto de pantalla */ | ||
| + | box-sizing: border-box; | ||
| } | } | ||
| - | .img-frame img { max-height: 240px; width: auto; cursor: pointer; } | ||
| - | .img-label { font-size: 0.75em; color: #00aa00; margin-top: 4px; text-transform: | ||
| - | /* --- LIGHTBOX | + | |
| + | .img-frame img { | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | aspect-ratio: | ||
| + | object-fit: contain; | ||
| + | cursor: pointer; | ||
| + | background-color: | ||
| + | } | ||
| + | |||
| + | .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: | ||
| + | |||
| + | | ||
| .modal-pcw { | .modal-pcw { | ||
| display: none; | display: none; | ||
| Línea 139: | Línea 154: | ||
| } | } | ||
| | | ||
| - | /* Bloque de alineación por margen para evitar bugs de recorte flex */ | ||
| .modal-pcw: | .modal-pcw: | ||
| | | ||
| Línea 163: | Línea 177: | ||
| </ | </ | ||
| - | <!-- CAPA DE MODALES INTERACTIVOS | + | <!-- CAPA DE MODALES INTERACTIVOS --> |
| <div id=" | <div id=" | ||
| <div id=" | <div id=" | ||
| Línea 173: | Línea 187: | ||
| | | ||
| <div class=" | <div class=" | ||
| - | < | + | < |
| </ | </ | ||
hardware/placas_monitor.1778652940.txt.gz · Última modificación: por jesus
