Hugging Face's logo

Spaces:
DMTuit
/
psy_vk2
Sleeping

App Files Community
DmitrMakeev commited on
Commit
6c69339
·
verified ·
1 Parent(s): 773f928

Update builder.html

Browse files
Files changed (1) hide show
  1. builder.html +19 -3
builder.html CHANGED
@@ -34,13 +34,29 @@
34
  label: 'Horizontal Triple Block',
35
  content: `
36
  <div style="display: flex; justify-content: space-between;">
37
- <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;"></div>
38
- <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;"></div>
39
- <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;"></div>
 
 
 
 
 
 
40
  </div>
41
  `,
42
  });
43
 
 
 
 
 
 
 
 
 
 
 
44
  // Define a button to add new blocks
45
  domc.addType('add-block-button', {
46
  model: {
 
34
  label: 'Horizontal Triple Block',
35
  content: `
36
  <div style="display: flex; justify-content: space-between;">
37
+ <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;">
38
+ <div data-gjs-type="block-container"></div>
39
+ </div>
40
+ <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;">
41
+ <div data-gjs-type="block-container"></div>
42
+ </div>
43
+ <div style="flex: 1; margin: 5px; background-color: #f0f0f0; padding: 10px; border: 1px solid #ccc;">
44
+ <div data-gjs-type="block-container"></div>
45
+ </div>
46
  </div>
47
  `,
48
  });
49
 
50
+ // Define a container for blocks
51
+ domc.addType('block-container', {
52
+ model: {
53
+ defaults: {
54
+ droppable: true,
55
+ components: [],
56
+ },
57
+ },
58
+ });
59
+
60
  // Define a button to add new blocks
61
  domc.addType('add-block-button', {
62
  model: {