jithenderchoudary commited on
Commit
d69dab1
·
verified ·
1 Parent(s): 4982f99

Update static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +60 -0
static/styles.css CHANGED
@@ -124,6 +124,49 @@ body {
124
  opacity: 0.9;
125
  }
126
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
127
  /* Horizontal scrollable ingredient list with images */
128
  .ingredients-list {
129
  max-height: 200px;
@@ -287,6 +330,17 @@ body {
287
  .selected-ingredients {
288
  max-height: 80px;
289
  }
 
 
 
 
 
 
 
 
 
 
 
290
  }
291
 
292
  @media (min-width: 769px) {
@@ -328,4 +382,10 @@ body {
328
  .selected-ingredients {
329
  max-height: 120px;
330
  }
 
 
 
 
 
 
331
  }
 
124
  opacity: 0.9;
125
  }
126
 
127
+ /* Styling for the registration form */
128
+ .registration-form {
129
+ display: flex;
130
+ flex-direction: column;
131
+ gap: 10px;
132
+ }
133
+
134
+ .registration-form label {
135
+ font-size: 14px;
136
+ font-weight: bold;
137
+ }
138
+
139
+ .registration-form input,
140
+ .registration-form textarea {
141
+ padding: 8px;
142
+ border: 1px solid #ccc;
143
+ border-radius: 5px;
144
+ font-size: 14px;
145
+ width: 100%;
146
+ box-sizing: border-box;
147
+ }
148
+
149
+ .registration-form textarea {
150
+ min-height: 60px;
151
+ resize: vertical;
152
+ }
153
+
154
+ .registration-form button {
155
+ padding: 8px 15px;
156
+ background-color: #f28c38;
157
+ color: white;
158
+ border: none;
159
+ border-radius: 5px;
160
+ cursor: pointer;
161
+ transition: background-color 0.3s;
162
+ font-size: 14px;
163
+ align-self: flex-start;
164
+ }
165
+
166
+ .registration-form button:hover {
167
+ background-color: #d8702a;
168
+ }
169
+
170
  /* Horizontal scrollable ingredient list with images */
171
  .ingredients-list {
172
  max-height: 200px;
 
330
  .selected-ingredients {
331
  max-height: 80px;
332
  }
333
+
334
+ .registration-form label,
335
+ .registration-form input,
336
+ .registration-form textarea {
337
+ font-size: 12px;
338
+ }
339
+
340
+ .registration-form button {
341
+ padding: 6px 12px;
342
+ font-size: 12px;
343
+ }
344
  }
345
 
346
  @media (min-width: 769px) {
 
382
  .selected-ingredients {
383
  max-height: 120px;
384
  }
385
+
386
+ .registration-form label,
387
+ .registration-form input,
388
+ .registration-form textarea {
389
+ font-size: 14px;
390
+ }
391
  }