Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
|
@@ -51,6 +51,7 @@ async def read_items():
|
|
| 51 |
<html lang="en">
|
| 52 |
<head>
|
| 53 |
<meta charset="UTF-8">
|
|
|
|
| 54 |
<title>Prompt Optimizer Bot</title>
|
| 55 |
<style>
|
| 56 |
body {
|
|
@@ -267,6 +268,54 @@ async def read_items():
|
|
| 267 |
0%, 80%, 100% { opacity: 0; }
|
| 268 |
40% { opacity: 1; }
|
| 269 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 270 |
</style>
|
| 271 |
<script>
|
| 272 |
document.addEventListener("DOMContentLoaded", () => {
|
|
|
|
| 51 |
<html lang="en">
|
| 52 |
<head>
|
| 53 |
<meta charset="UTF-8">
|
| 54 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 55 |
<title>Prompt Optimizer Bot</title>
|
| 56 |
<style>
|
| 57 |
body {
|
|
|
|
| 268 |
0%, 80%, 100% { opacity: 0; }
|
| 269 |
40% { opacity: 1; }
|
| 270 |
}
|
| 271 |
+
|
| 272 |
+
@media (max-width: 600px) {
|
| 273 |
+
body {
|
| 274 |
+
max-width: 100%;
|
| 275 |
+
border-left: none;
|
| 276 |
+
border-right: none;
|
| 277 |
+
}
|
| 278 |
+
|
| 279 |
+
.header {
|
| 280 |
+
flex-direction: column;
|
| 281 |
+
align-items: flex-start;
|
| 282 |
+
padding: 10px;
|
| 283 |
+
font-size: 1.2rem;
|
| 284 |
+
}
|
| 285 |
+
.header > div:last-child {
|
| 286 |
+
margin-top: 5px;
|
| 287 |
+
}
|
| 288 |
+
|
| 289 |
+
/* Chat Elements */
|
| 290 |
+
.bubble {
|
| 291 |
+
max-width: 90%
|
| 292 |
+
font-size: 1em;
|
| 293 |
+
}
|
| 294 |
+
|
| 295 |
+
/* Input Bar Adjustments */
|
| 296 |
+
.input-bar {
|
| 297 |
+
padding: 6px;
|
| 298 |
+
}
|
| 299 |
+
|
| 300 |
+
#userInput {
|
| 301 |
+
max-height: 80px;
|
| 302 |
+
font-size: 0.95em;
|
| 303 |
+
padding: 6px 8px;
|
| 304 |
+
}
|
| 305 |
+
|
| 306 |
+
#sendButton {
|
| 307 |
+
width: 32px;
|
| 308 |
+
height: 32px;
|
| 309 |
+
font-size: 1em;
|
| 310 |
+
margin-left: 6px;
|
| 311 |
+
}
|
| 312 |
+
|
| 313 |
+
.modal-content {
|
| 314 |
+
margin: 5% auto;
|
| 315 |
+
width: 95%;
|
| 316 |
+
padding: 15px;
|
| 317 |
+
}
|
| 318 |
+
}
|
| 319 |
</style>
|
| 320 |
<script>
|
| 321 |
document.addEventListener("DOMContentLoaded", () => {
|