Commit ·
de159fa
1
Parent(s): 2c9e42a
Add size hint for optimal face dimensions
Browse files- static/css/style.css +6 -0
- templates/index.html +1 -0
static/css/style.css
CHANGED
|
@@ -194,6 +194,12 @@ header h1 {
|
|
| 194 |
font-size: 14px;
|
| 195 |
}
|
| 196 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 197 |
.preview-area img {
|
| 198 |
max-width: 100%;
|
| 199 |
max-height: 400px;
|
|
|
|
| 194 |
font-size: 14px;
|
| 195 |
}
|
| 196 |
|
| 197 |
+
.placeholder .size-hint {
|
| 198 |
+
font-size: 12px;
|
| 199 |
+
color: var(--text-tertiary);
|
| 200 |
+
margin-top: 8px;
|
| 201 |
+
}
|
| 202 |
+
|
| 203 |
.preview-area img {
|
| 204 |
max-width: 100%;
|
| 205 |
max-height: 400px;
|
templates/index.html
CHANGED
|
@@ -51,6 +51,7 @@
|
|
| 51 |
</svg>
|
| 52 |
</div>
|
| 53 |
<p>Drop image here or click to browse</p>
|
|
|
|
| 54 |
</div>
|
| 55 |
<img id="previewImage" src="" alt="Preview" style="display: none;">
|
| 56 |
</div>
|
|
|
|
| 51 |
</svg>
|
| 52 |
</div>
|
| 53 |
<p>Drop image here or click to browse</p>
|
| 54 |
+
<p class="size-hint">For best results, faces should be at least 100x100 pixels</p>
|
| 55 |
</div>
|
| 56 |
<img id="previewImage" src="" alt="Preview" style="display: none;">
|
| 57 |
</div>
|