Diferencias

Muestra las diferencias entre dos versiones de la página.

--- hardware:placas_monitor [2026/05/13 06:17] – [PLACAS DE MONITOR] jesus
+++ hardware:placas_monitor [2026/05/21 06:17] (actual) – jesus
@@ Línea 1: / Línea 1: @@
-~~NOTOC~~
 ~~NOTOC~~
@@ Línea 70: / Línea 68: @@
   }
-  /* --- REJILLA TÉCNICA --- */
+  /* --- REJILLA TÉCNICA AJUSTADA A LA PANTALLA --- */
   .drive-grid-container {
     display: flex;
@@ Línea 110: / Línea 108: @@
   }
-  /* FORZADO EN UNA SOLA LÍNEA SIN SALTOS */
+  /* REJILLA DISTRIBUIDA EN UNA SOLA LÍNEA SIN DESBORDAMIENTO */
   .drive-gallery {
     display: flex;
-    gap: 15px;
+    gap: 10px;
     flex-direction: row;
-    flex-wrap: nowrap; /* Impide saltos de línea */
+    flex-wrap: nowrap;
-    justify-content: flex-start;
+    justify-content: space-between;
-    overflow-x: auto; /* Scroll horizontal secundario si la pantalla es muy pequeña */
+    width: 100%;
   }
@@ Línea 128: / Línea 126: @@
     flex-direction: column;
     align-items: center;
-    flex-shrink: 0; /* Evita que las celdas se aplasten */
+    flex: 1 1 0px;        /* Reparto equitativo del espacio */
+    max-width: 24%;       /* Evita que superen el cuarto de pantalla */
+    box-sizing: border-box;
   }
-  /* Dimensiones idénticas balanceadas para una sola línea */
+  /* Auto-escalado elástico manteniendo proporciones cuadradas */
   .img-frame img {
-    height: 210px;
+    width: 100%;
-    width: 210px;
+    height: auto;
+    aspect-ratio: 1 / 1;  /* Fuerza proporciones cuadradas idénticas */
     object-fit: contain;
     cursor: pointer;
@@ Línea 140: / Línea 141: @@
   }
-  .img-label { font-size: 0.72em; color: #00aa00; margin-top: 6px; text-transform: uppercase; }
+  .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: uppercase; word-break: break-word; }
   /* --- LIGHTBOX SCROLL --- */
@@ Línea 186: / Línea 187: @@
   <div class="content-body">
-    <p>Esta página pretende recopilar las distintas versiones de las placas base de los distintos monitores de <a href="doku.php?id=es:companias:amstrad" class="retro-text-green" style="text-decoration:underline !important;">Amstrad</a> <a href="doku.php?id=pcw" class="retro-text-green" style="text-decoration:underline !important;">PCW</a>.</p>
+    <p>Esta página pretende recopilar las distintas versiones de las placas base de los distintos monitores de <a href="doku.php?id=companias:amstrad" class="retro-text-green" style="text-decoration:underline !important;">Amstrad</a> <a href="doku.php?id=pcw" class="retro-text-green" style="text-decoration:underline !important;">PCW</a>.</p>
   </div>
@@ Línea 201: / Línea 202: @@
         <div class="img-frame"><a href="#pmm1b"><img src="/lib/exe/fetch.php?media=hardware:placas:Amstrad_PCW_Z70240_MM0010E_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas (1)</span></div>
         <div class="img-frame"><a href="#pmm2t"><img src="/lib/exe/fetch.php?media=hardware:placas:Amstrad_PCW_Z70241_MS0028E_PCB_Top.jpg"></a><span class="img-label">Cara Componentes (2)</span></div>
-        <div class="img-frame"><a href="#pmm2b"><img src="/lib/exe/fetch.php=hardware:placas:Amstrad_PCW_Z70241_MS0028E_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas (2)</span></div>
+        <div class="img-frame"><a href="#pmm2b"><img src="/lib/exe/fetch.php?media=hardware:placas:Amstrad_PCW_Z70241_MS0028E_PCB_Bottom.jpg"></a><span class="img-label">Cara Pistas (2)</span></div>
       </div>
     </div>