Spaces:
Sleeping
Sleeping
Upload 3 files
Browse files- static/style.css +3 -0
- templates/index.html +9 -1
static/style.css
CHANGED
|
@@ -189,6 +189,9 @@ h2 {
|
|
| 189 |
font-size: 2rem;
|
| 190 |
margin-bottom: 0.5rem;
|
| 191 |
color: var(--text-muted);
|
|
|
|
|
|
|
|
|
|
| 192 |
}
|
| 193 |
|
| 194 |
.upload-text {
|
|
|
|
| 189 |
font-size: 2rem;
|
| 190 |
margin-bottom: 0.5rem;
|
| 191 |
color: var(--text-muted);
|
| 192 |
+
display: flex;
|
| 193 |
+
justify-content: center;
|
| 194 |
+
align-items: center;
|
| 195 |
}
|
| 196 |
|
| 197 |
.upload-text {
|
templates/index.html
CHANGED
|
@@ -31,7 +31,15 @@
|
|
| 31 |
|
| 32 |
<div class="upload-zone" id="dropZone">
|
| 33 |
<div class="zone-content">
|
| 34 |
-
<div class="upload-icon"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
<div class="upload-text">DROP IMAGE</div>
|
| 36 |
<div class="upload-subtext">OR CLICK TO BROWSE</div>
|
| 37 |
</div>
|
|
|
|
| 31 |
|
| 32 |
<div class="upload-zone" id="dropZone">
|
| 33 |
<div class="zone-content">
|
| 34 |
+
<div class="upload-icon">
|
| 35 |
+
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"
|
| 36 |
+
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
| 37 |
+
stroke-linejoin="round">
|
| 38 |
+
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
|
| 39 |
+
<polyline points="17 8 12 3 7 8"></polyline>
|
| 40 |
+
<line x1="12" y1="3" x2="12" y2="15"></line>
|
| 41 |
+
</svg>
|
| 42 |
+
</div>
|
| 43 |
<div class="upload-text">DROP IMAGE</div>
|
| 44 |
<div class="upload-subtext">OR CLICK TO BROWSE</div>
|
| 45 |
</div>
|