update input box
Browse files- static/style.css +27 -0
static/style.css
CHANGED
|
@@ -46,3 +46,30 @@ button {
|
|
| 46 |
color: white;
|
| 47 |
align-self: flex-start;
|
| 48 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
color: white;
|
| 47 |
align-self: flex-start;
|
| 48 |
}
|
| 49 |
+
|
| 50 |
+
input[type="text"] {
|
| 51 |
+
width: 100%;
|
| 52 |
+
padding: 10px;
|
| 53 |
+
margin: 10px 0;
|
| 54 |
+
border: 1px solid #ccc;
|
| 55 |
+
border-radius: 4px;
|
| 56 |
+
box-sizing: border-box;
|
| 57 |
+
transition: 0.3s;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
input[type="text"]:focus {
|
| 61 |
+
border-color: #007BFF;
|
| 62 |
+
box-shadow: 0 0 5px rgba(0,123,255,0.5);
|
| 63 |
+
}
|
| 64 |
+
|
| 65 |
+
/* Placeholder style */
|
| 66 |
+
input[type="text"]::placeholder {
|
| 67 |
+
color: #aaa;
|
| 68 |
+
}
|
| 69 |
+
|
| 70 |
+
/* If you'd like to style the API Key label as well */
|
| 71 |
+
label {
|
| 72 |
+
display: block;
|
| 73 |
+
margin-bottom: 8px;
|
| 74 |
+
font-weight: bold;
|
| 75 |
+
}
|