Update app.py
Browse files
app.py
CHANGED
|
@@ -323,15 +323,14 @@ def create_downloadable_html(ingredients_html, recipes_html, dietary_restriction
|
|
| 323 |
<style>
|
| 324 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
|
| 325 |
:root {{
|
| 326 |
-
--primary-color: #
|
| 327 |
-
--secondary-color: #
|
| 328 |
-
--accent-color: #
|
| 329 |
-
--background-color: #
|
| 330 |
-
--text-color: #
|
| 331 |
--card-background: #FFFFFF;
|
| 332 |
--border-radius: 12px;
|
| 333 |
-
--box-shadow: rgba(0, 0, 0, 0.
|
| 334 |
-
--primary-light: #40A799; /* Lighter teal for hover */
|
| 335 |
}}
|
| 336 |
body {{
|
| 337 |
font-family: 'Poppins', sans-serif;
|
|
@@ -339,15 +338,15 @@ def create_downloadable_html(ingredients_html, recipes_html, dietary_restriction
|
|
| 339 |
color: var(--text-color);
|
| 340 |
margin: 0;
|
| 341 |
padding: 0;
|
| 342 |
-
line-height: 1.
|
| 343 |
}}
|
| 344 |
.container {{
|
| 345 |
-
max-width:
|
| 346 |
margin: 0 auto;
|
| 347 |
-
padding:
|
| 348 |
}}
|
| 349 |
header {{
|
| 350 |
-
background:
|
| 351 |
color: white;
|
| 352 |
padding: 40px 20px;
|
| 353 |
text-align: center;
|
|
|
|
| 323 |
<style>
|
| 324 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
|
| 325 |
:root {{
|
| 326 |
+
--primary-color: #FF6F61;
|
| 327 |
+
--secondary-color: #4BB543;
|
| 328 |
+
--accent-color: #F0A500;
|
| 329 |
+
--background-color: #F4F4F9;
|
| 330 |
+
--text-color: #333333;
|
| 331 |
--card-background: #FFFFFF;
|
| 332 |
--border-radius: 12px;
|
| 333 |
+
--box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
|
|
|
|
| 334 |
}}
|
| 335 |
body {{
|
| 336 |
font-family: 'Poppins', sans-serif;
|
|
|
|
| 338 |
color: var(--text-color);
|
| 339 |
margin: 0;
|
| 340 |
padding: 0;
|
| 341 |
+
line-height: 1.6;
|
| 342 |
}}
|
| 343 |
.container {{
|
| 344 |
+
max-width: 1000px;
|
| 345 |
margin: 0 auto;
|
| 346 |
+
padding: 20px;
|
| 347 |
}}
|
| 348 |
header {{
|
| 349 |
+
background-color: var(--primary-color);
|
| 350 |
color: white;
|
| 351 |
padding: 40px 20px;
|
| 352 |
text-align: center;
|