Update app.py
Browse files
app.py
CHANGED
|
@@ -105,11 +105,11 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
| 105 |
// Position button inside textarea
|
| 106 |
btn.style.position = "absolute";
|
| 107 |
btn.style.right = "8px";
|
| 108 |
-
btn.style.
|
| 109 |
btn.style.zIndex = "10";
|
| 110 |
btn.style.marginLeft = "0";
|
| 111 |
-
btn.style.width = "
|
| 112 |
-
btn.style.height = "
|
| 113 |
|
| 114 |
// Add container for positioning
|
| 115 |
textareaContainer.style.position = "relative";
|
|
@@ -382,22 +382,23 @@ textarea {
|
|
| 382 |
color: #fff;
|
| 383 |
font-size: 16px;
|
| 384 |
flex: 1;
|
| 385 |
-
height: 56px;
|
| 386 |
-
min-height: 56px;
|
| 387 |
box-sizing: border-box;
|
| 388 |
resize: none;
|
| 389 |
transition: all 0.3s ease;
|
| 390 |
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
| 391 |
width: 100%;
|
| 392 |
cursor: pointer;
|
|
|
|
| 393 |
}
|
| 394 |
.send-btn {
|
| 395 |
border: none;
|
| 396 |
-
border-radius:
|
| 397 |
background: linear-gradient(145deg, #555, #444);
|
| 398 |
color: #fff;
|
| 399 |
-
width:
|
| 400 |
-
height:
|
| 401 |
font-size: 18px;
|
| 402 |
display: flex;
|
| 403 |
align-items: center;
|
|
@@ -405,7 +406,9 @@ textarea {
|
|
| 405 |
cursor: pointer;
|
| 406 |
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
| 407 |
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
|
| 408 |
-
position:
|
|
|
|
|
|
|
| 409 |
overflow: hidden;
|
| 410 |
}
|
| 411 |
.send-btn:hover {
|
|
|
|
| 105 |
// Position button inside textarea
|
| 106 |
btn.style.position = "absolute";
|
| 107 |
btn.style.right = "8px";
|
| 108 |
+
btn.style.top = "8px";
|
| 109 |
btn.style.zIndex = "10";
|
| 110 |
btn.style.marginLeft = "0";
|
| 111 |
+
btn.style.width = "40px";
|
| 112 |
+
btn.style.height = "40px";
|
| 113 |
|
| 114 |
// Add container for positioning
|
| 115 |
textareaContainer.style.position = "relative";
|
|
|
|
| 382 |
color: #fff;
|
| 383 |
font-size: 16px;
|
| 384 |
flex: 1;
|
| 385 |
+
height: 56px;
|
| 386 |
+
min-height: 56px;
|
| 387 |
box-sizing: border-box;
|
| 388 |
resize: none;
|
| 389 |
transition: all 0.3s ease;
|
| 390 |
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
| 391 |
width: 100%;
|
| 392 |
cursor: pointer;
|
| 393 |
+
line-height: 1.5;
|
| 394 |
}
|
| 395 |
.send-btn {
|
| 396 |
border: none;
|
| 397 |
+
border-radius: 20px;
|
| 398 |
background: linear-gradient(145deg, #555, #444);
|
| 399 |
color: #fff;
|
| 400 |
+
width: 40px;
|
| 401 |
+
height: 40px;
|
| 402 |
font-size: 18px;
|
| 403 |
display: flex;
|
| 404 |
align-items: center;
|
|
|
|
| 406 |
cursor: pointer;
|
| 407 |
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
| 408 |
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
|
| 409 |
+
position: absolute;
|
| 410 |
+
right: 8px;
|
| 411 |
+
top: 8px;
|
| 412 |
overflow: hidden;
|
| 413 |
}
|
| 414 |
.send-btn:hover {
|