From 161b1a1b2c3023da26388719cf962039742de350 Mon Sep 17 00:00:00 2001 From: schencej Date: Mon, 9 Dec 2019 17:38:03 -0500 Subject: added additional functionality to cook page --- .../src/app/cook-page/cook-page.component.css | 14 ++++ .../src/app/cook-page/cook-page.component.html | 22 +++--- .../src/app/cook-page/cook-page.component.ts | 78 ++++++++++++++++------ .../cook-page/step-card/step-card.component.css | 0 .../cook-page/step-card/step-card.component.html | 1 - .../step-card/step-card.component.spec.ts | 25 ------- .../app/cook-page/step-card/step-card.component.ts | 9 --- 7 files changed, 83 insertions(+), 66 deletions(-) delete mode 100644 recipeBuddy/src/app/cook-page/step-card/step-card.component.css delete mode 100644 recipeBuddy/src/app/cook-page/step-card/step-card.component.html delete mode 100644 recipeBuddy/src/app/cook-page/step-card/step-card.component.spec.ts delete mode 100644 recipeBuddy/src/app/cook-page/step-card/step-card.component.ts (limited to 'recipeBuddy/src') diff --git a/recipeBuddy/src/app/cook-page/cook-page.component.css b/recipeBuddy/src/app/cook-page/cook-page.component.css index 41b3d42..4f44224 100644 --- a/recipeBuddy/src/app/cook-page/cook-page.component.css +++ b/recipeBuddy/src/app/cook-page/cook-page.component.css @@ -11,13 +11,20 @@ .previous { margin: auto; + width: 200px; + height: 200px; border: solid; + align: center; text-align: center; grid-column: 1; + + } .current { margin: auto; + width: 300px; + height:300px; border: solid; text-align: center; grid-column: 2; @@ -25,7 +32,10 @@ .next { margin: auto; + width: 200px; + height: 200px; border: solid; + align: center; text-align: center; grid-column: 3; @@ -37,3 +47,7 @@ grid-gap: 10px; grid-template-rows: 1fr; } + +.step-count { + text-align: center; +} diff --git a/recipeBuddy/src/app/cook-page/cook-page.component.html b/recipeBuddy/src/app/cook-page/cook-page.component.html index 39bef2e..db1c0a8 100644 --- a/recipeBuddy/src/app/cook-page/cook-page.component.html +++ b/recipeBuddy/src/app/cook-page/cook-page.component.html @@ -1,22 +1,26 @@
-