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 |
+
}
|