@edc-motor/admin-kit 0.4.13 → 0.4.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/scss/components/_grid.scss +5 -16
- package/src/crud/BaseGrid.vue +2 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edc-motor/admin-kit",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.14",
|
|
4
4
|
"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)",
|
|
5
5
|
"license": "GPL-3.0-only",
|
|
6
6
|
"type": "module",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"access": "public"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@edc-motor/ui": "^0.4.
|
|
36
|
+
"@edc-motor/ui": "^0.4.14",
|
|
37
37
|
"axios": "^1.7.0",
|
|
38
38
|
"vue-draggable-plus": "^0.6.1"
|
|
39
39
|
},
|
|
@@ -3,17 +3,6 @@
|
|
|
3
3
|
// Grid responsive (portado de kontuan). Columnas por breakpoint del contenedor
|
|
4
4
|
// `content` para que coincida con el ancho real disponible.
|
|
5
5
|
|
|
6
|
-
// Escalera DENSA del preset `cards` (índices de entidades), en ancho del
|
|
7
|
-
// contenedor `content`. Medido empíricamente en el admin del playground con
|
|
8
|
-
// nav izquierda (280) y panel derecho (320) desplegados: contenedor =
|
|
9
|
-
// viewport − 648. Los escalones genéricos ($bp-md/$bp-lg/$bp-xl) daban 3/4/5
|
|
10
|
-
// columnas a 1416/1672/1928 de viewport — tardísimo. Con estos, las tarjetas
|
|
11
|
-
// (media cuadrada 1:1) quedan entre ~137 y ~272px de ancho y las 5 columnas
|
|
12
|
-
// entran a ~1400px de viewport ("donde haya un breakpoint, 1400 quizás").
|
|
13
|
-
$grid-cards-3: 570px; // ≈ 1218px de viewport con el marco completo
|
|
14
|
-
$grid-cards-4: 660px; // ≈ 1308px
|
|
15
|
-
$grid-cards-5: 750px; // ≈ 1398px
|
|
16
|
-
|
|
17
6
|
.grid {
|
|
18
7
|
display: grid;
|
|
19
8
|
grid-template-columns: 1fr;
|
|
@@ -46,12 +35,12 @@ $grid-cards-5: 750px; // ≈ 1398px
|
|
|
46
35
|
}
|
|
47
36
|
}
|
|
48
37
|
|
|
49
|
-
// Preset `cards
|
|
50
|
-
//
|
|
38
|
+
// Preset `cards` (índices de entidades): 1 → 2 → 3 → 4 → 5 con los
|
|
39
|
+
// breakpoints canónicos del contenedor `content` (480/768/1024/1280).
|
|
51
40
|
&--cards {
|
|
52
41
|
@container content (min-width: #{$bp-sm}) { grid-template-columns: repeat(2, 1fr); }
|
|
53
|
-
@container content (min-width: #{$
|
|
54
|
-
@container content (min-width: #{$
|
|
55
|
-
@container content (min-width: #{$
|
|
42
|
+
@container content (min-width: #{$bp-md}) { grid-template-columns: repeat(3, 1fr); }
|
|
43
|
+
@container content (min-width: #{$bp-lg}) { grid-template-columns: repeat(4, 1fr); }
|
|
44
|
+
@container content (min-width: #{$bp-xl}) { grid-template-columns: repeat(5, 1fr); }
|
|
56
45
|
}
|
|
57
46
|
}
|
package/src/crud/BaseGrid.vue
CHANGED
|
@@ -25,10 +25,8 @@ const presetCols: Record<string, ResponsiveCols> = {
|
|
|
25
25
|
|
|
26
26
|
const gridClasses = computed(() => {
|
|
27
27
|
const classes = ['grid', `grid--gap-${props.gap}`]
|
|
28
|
-
// Los index de entidades escalan 1 → 2 → 3 → 4 → 5 con
|
|
29
|
-
//
|
|
30
|
-
// contenedor `content` mucho más estrecho que el viewport y los escalones
|
|
31
|
-
// genéricos llegaban tardísimo.
|
|
28
|
+
// Los index de entidades escalan 1 → 2 → 3 → 4 → 5 con los breakpoints
|
|
29
|
+
// canónicos del contenedor `content` (ver .grid--cards en _grid.scss).
|
|
32
30
|
if (props.preset === 'cards') {
|
|
33
31
|
classes.push('grid--cards')
|
|
34
32
|
return classes
|