Spaces:
Running
Running
Update index.html
Browse files- index.html +7 -38
index.html
CHANGED
|
@@ -10,8 +10,7 @@
|
|
| 10 |
/* Add some basic styling to make the output look prettier */
|
| 11 |
body {
|
| 12 |
font-family: Arial, sans-serif;
|
| 13 |
-
margin:
|
| 14 |
-
padding: 0;
|
| 15 |
background-color: #f0f0f0;
|
| 16 |
}
|
| 17 |
|
|
@@ -27,47 +26,14 @@
|
|
| 27 |
|
| 28 |
h1 {
|
| 29 |
color: #00698f;
|
| 30 |
-
font-size: 36px;
|
| 31 |
-
margin-bottom: 10px;
|
| 32 |
}
|
| 33 |
|
| 34 |
section {
|
| 35 |
margin-bottom: 20px;
|
| 36 |
-
padding: 20px;
|
| 37 |
-
background-color: #f9f9f9;
|
| 38 |
-
border: 1px solid #ddd;
|
| 39 |
-
border-radius: 10px;
|
| 40 |
-
}
|
| 41 |
-
|
| 42 |
-
section h2 {
|
| 43 |
-
margin-top: 0;
|
| 44 |
}
|
| 45 |
|
| 46 |
.download-container {
|
| 47 |
margin-top: 10px;
|
| 48 |
-
display: flex;
|
| 49 |
-
align-items: center;
|
| 50 |
-
}
|
| 51 |
-
|
| 52 |
-
.download-container select {
|
| 53 |
-
width: 70%;
|
| 54 |
-
padding: 10px;
|
| 55 |
-
border: 1px solid #ddd;
|
| 56 |
-
border-radius: 10px;
|
| 57 |
-
}
|
| 58 |
-
|
| 59 |
-
.download-container button {
|
| 60 |
-
width: 30%;
|
| 61 |
-
padding: 10px;
|
| 62 |
-
background-color: #4CAF50;
|
| 63 |
-
color: #fff;
|
| 64 |
-
border: none;
|
| 65 |
-
border-radius: 10px;
|
| 66 |
-
cursor: pointer;
|
| 67 |
-
}
|
| 68 |
-
|
| 69 |
-
.download-container button:hover {
|
| 70 |
-
background-color: #3e8e41;
|
| 71 |
}
|
| 72 |
|
| 73 |
.chat-container {
|
|
@@ -79,8 +45,6 @@
|
|
| 79 |
border: 1px solid #ddd;
|
| 80 |
border-radius: 10px;
|
| 81 |
background-color: #f9f9f9;
|
| 82 |
-
height: 300px;
|
| 83 |
-
overflow-y: auto;
|
| 84 |
}
|
| 85 |
|
| 86 |
.chat-input-container {
|
|
@@ -150,4 +114,9 @@
|
|
| 150 |
</div>
|
| 151 |
</div>
|
| 152 |
</div>
|
| 153 |
-
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 10 |
/* Add some basic styling to make the output look prettier */
|
| 11 |
body {
|
| 12 |
font-family: Arial, sans-serif;
|
| 13 |
+
margin: 20px;
|
|
|
|
| 14 |
background-color: #f0f0f0;
|
| 15 |
}
|
| 16 |
|
|
|
|
| 26 |
|
| 27 |
h1 {
|
| 28 |
color: #00698f;
|
|
|
|
|
|
|
| 29 |
}
|
| 30 |
|
| 31 |
section {
|
| 32 |
margin-bottom: 20px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 33 |
}
|
| 34 |
|
| 35 |
.download-container {
|
| 36 |
margin-top: 10px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
}
|
| 38 |
|
| 39 |
.chat-container {
|
|
|
|
| 45 |
border: 1px solid #ddd;
|
| 46 |
border-radius: 10px;
|
| 47 |
background-color: #f9f9f9;
|
|
|
|
|
|
|
| 48 |
}
|
| 49 |
|
| 50 |
.chat-input-container {
|
|
|
|
| 114 |
</div>
|
| 115 |
</div>
|
| 116 |
</div>
|
| 117 |
+
</section>
|
| 118 |
+
</main>
|
| 119 |
+
|
| 120 |
+
<script src="./dist/index.js" type="module"></script>
|
| 121 |
+
</body>
|
| 122 |
+
</html>
|