Update builder.html
Browse files- builder.html +7 -19
builder.html
CHANGED
|
@@ -8,20 +8,6 @@
|
|
| 8 |
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
|
| 9 |
|
| 10 |
<!-- Your Custom CSS -->
|
| 11 |
-
<style>
|
| 12 |
-
.gjs-row {
|
| 13 |
-
display: flex;
|
| 14 |
-
justify-content: space-between;
|
| 15 |
-
border: 1px dashed #ccc; /* Добавляем контур для строк */
|
| 16 |
-
}
|
| 17 |
-
.gjs-cell {
|
| 18 |
-
border: 1px solid #ccc; /* Добавляем контур для ячеек */
|
| 19 |
-
padding: 10px;
|
| 20 |
-
text-align: center;
|
| 21 |
-
min-height: 50px; /* Добавляем минимальную высоту для ячеек */
|
| 22 |
-
}
|
| 23 |
-
</style>
|
| 24 |
-
</head>
|
| 25 |
<body>
|
| 26 |
<div id="gjs"></div>
|
| 27 |
|
|
@@ -47,6 +33,7 @@
|
|
| 47 |
property: 'width',
|
| 48 |
units: ['px', '%'],
|
| 49 |
min: 0,
|
|
|
|
| 50 |
},
|
| 51 |
{
|
| 52 |
type: 'number',
|
|
@@ -54,6 +41,7 @@
|
|
| 54 |
property: 'height',
|
| 55 |
units: ['px', '%'],
|
| 56 |
min: 0,
|
|
|
|
| 57 |
},
|
| 58 |
],
|
| 59 |
},
|
|
@@ -96,14 +84,14 @@
|
|
| 96 |
name: 'height',
|
| 97 |
units: ['px', '%'],
|
| 98 |
min: 0,
|
| 99 |
-
default: '
|
| 100 |
},
|
| 101 |
],
|
| 102 |
components: `
|
| 103 |
-
<div class="gjs-
|
| 104 |
-
<div
|
| 105 |
-
<div
|
| 106 |
-
<div
|
| 107 |
</div>
|
| 108 |
`,
|
| 109 |
},
|
|
|
|
| 8 |
<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
|
| 9 |
|
| 10 |
<!-- Your Custom CSS -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
<body>
|
| 12 |
<div id="gjs"></div>
|
| 13 |
|
|
|
|
| 33 |
property: 'width',
|
| 34 |
units: ['px', '%'],
|
| 35 |
min: 0,
|
| 36 |
+
default: '300px',
|
| 37 |
},
|
| 38 |
{
|
| 39 |
type: 'number',
|
|
|
|
| 41 |
property: 'height',
|
| 42 |
units: ['px', '%'],
|
| 43 |
min: 0,
|
| 44 |
+
default: '80px',
|
| 45 |
},
|
| 46 |
],
|
| 47 |
},
|
|
|
|
| 84 |
name: 'height',
|
| 85 |
units: ['px', '%'],
|
| 86 |
min: 0,
|
| 87 |
+
default: '80px',
|
| 88 |
},
|
| 89 |
],
|
| 90 |
components: `
|
| 91 |
+
<div class="gjs-block">
|
| 92 |
+
<div></div>
|
| 93 |
+
<div></div>
|
| 94 |
+
<div></div>
|
| 95 |
</div>
|
| 96 |
`,
|
| 97 |
},
|