@edc-motor/admin-kit 0.4.38 → 0.4.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edc-motor/admin-kit",
-  "version": "0.4.38",
+  "version": "0.4.39",
   "description": "EdC Motor — kit del panel de administración: layout, gestores CRUD, imágenes, PDF, páginas, configuración, usuarios y copias (paquete fuente: lo compila el consumidor con Vite)",
   "license": "GPL-3.0-only",
   "type": "module",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@edc-motor/ui": "^0.4.38",
+    "@edc-motor/ui": "^0.4.39",
     "axios": "^1.7.0"
   },
   "peerDependencies": {

package/scss/components/_manager-card.scss

@@ -368,21 +368,28 @@
 
   // Campos del bloque seleccionado: etiqueta + valor; los valores largos se
   // recortan a unas pocas líneas.
+  // Campo del panel de bloque: «Label: valor» EN LÍNEA; las imágenes van
+  // apiladas (is-stacked), con la miniatura debajo del label.
   &__field {
-    display: grid;
-    gap: 2px;
+    display: flex;
+    align-items: baseline;
+    gap: $space-1;
     min-width: 0;
     font-size: $fs-13;
 
     dt {
+      flex: none;
       color: $text-3;
       font-size: $fs-12;
       text-transform: uppercase;
       letter-spacing: 0.04em;
+
+      &::after { content: ':'; }
     }
 
     dd {
       margin: 0;
+      min-width: 0;
       color: $text-2;
       overflow-wrap: anywhere;
       display: -webkit-box;
@@ -391,6 +398,13 @@
       line-clamp: 4;
       overflow: hidden;
     }
+
+    &.is-stacked {
+      display: grid;
+      gap: 2px;
+
+      dt::after { content: none; }
+    }
   }
 
   &__fields {

package/src/content/PageBlocks.vue

@@ -56,8 +56,6 @@ export interface PageBlocksLabels {
   /** Título de la sección de interruptores (PDF/Índice) del panel, debajo
    *  de las acciones de verdad (editar, borrar…). */
   stateKicker: string
-  /** Título de la sección de detalles del panel (el tipo del bloque). */
-  details: string
 }
 
 const defaultLabels: PageBlocksLabels = {
@@ -82,7 +80,6 @@ const defaultLabels: PageBlocksLabels = {
   parent: 'Bloque padre (índices indentados)',
   parentNone: '— Ninguno —',
   stateKicker: 'Estado',
-  details: 'Detalles',
 }
 
 const props = withDefaults(
@@ -770,14 +767,9 @@ defineExpose({ reload: load })
             </BaseButton>
           </div>
 
-          <!-- Detalles con el lenguaje de secciones del panel (divisoria +
-               kicker): el título es el TIPO del bloque. El estado de los
-               interruptores ya lo cuentan los botones de arriba. -->
-          <section class="manager-panel__section">
-            <hr class="manager-panel__divider" />
-            <p class="manager-panel__kicker">{{ L.details }}</p>
-            <h3 class="manager-detail__title">{{ typeName(selected.type) }}</h3>
-          </section>
+          <!-- El TIPO del bloque como título del panel (patrón de los
+               paneles de entidad), debajo del estado y fuera de secciones -->
+          <h3 class="manager-detail__title">{{ typeName(selected.type) }}</h3>
 
           <!-- Contenido: cada campo del bloque con su valor (truncado) -->
           <section v-if="selectedFields.length" class="manager-panel__section">
@@ -788,6 +780,7 @@ defineExpose({ reload: load })
                 v-for="entry in selectedFields"
                 :key="entry.field.key"
                 class="manager-detail__field"
+                :class="{ 'is-stacked': entry.field.type === 'image' }"
               >
                 <dt>{{ fieldLabel(entry.field) }}</dt>
                 <dd v-if="entry.field.type === 'image'">