Hugging Face's logo

Spaces:
DMTuit
/
psy_vk2
Sleeping

App Files Community
DmitrMakeev commited on
Commit
e7d81c0
·
verified ·
1 Parent(s): 9ee8c23

Update builder.html

Browse files
Files changed (1) hide show
  1. builder.html +6 -15
builder.html CHANGED
@@ -7,23 +7,15 @@
7
  <!-- GrapesJS CSS -->
8
  <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
9
 
10
- <!DOCTYPE html>
11
- <html lang="en">
12
- <head>
13
- <meta charset="UTF-8">
14
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
15
- <title>GrapesJS Example</title>
16
- <!-- GrapesJS CSS -->
17
- <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
18
  <!-- Your Custom CSS -->
19
  <style>
20
- .container {
21
  display: flex;
22
  justify-content: space-between;
23
  width: 100%;
24
  height: 100px;
25
  }
26
- .item {
27
  flex: 1;
28
  border: 1px solid #ccc;
29
  padding: 10px;
@@ -52,10 +44,10 @@
52
  blockManager.add('horizontal-block', {
53
  label: 'Horizontal Block',
54
  content: `
55
- <div class="container">
56
- <div class="item"></div>
57
- <div class="item"></div>
58
- <div class="item"></div>
59
  </div>
60
  `,
61
  attributes: { class: 'gjs-block-section' }
@@ -93,5 +85,4 @@
93
  });
94
  </script>
95
  </body>
96
- </html>
97
  </html>
 
7
  <!-- GrapesJS CSS -->
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
  width: 100%;
16
  height: 100px;
17
  }
18
+ .gjs-cell {
19
  flex: 1;
20
  border: 1px solid #ccc;
21
  padding: 10px;
 
44
  blockManager.add('horizontal-block', {
45
  label: 'Horizontal Block',
46
  content: `
47
+ <div class="gjs-row">
48
+ <div class="gjs-cell"></div>
49
+ <div class="gjs-cell"></div>
50
+ <div class="gjs-cell"></div>
51
  </div>
52
  `,
53
  attributes: { class: 'gjs-block-section' }
 
85
  });
86
  </script>
87
  </body>
 
88
  </html>