From 8b9ca7b1f3109be9eb9fd0d88cc927a008e2441c Mon Sep 17 00:00:00 2001 From: Dean Dashwood Date: Tue, 11 Jul 2023 21:17:27 +0100 Subject: [PATCH] Layout fixes for mobile --- MealPlan/ClientApp/src/app/app.component.css | 9 +++++++++ MealPlan/ClientApp/src/app/app.component.html | 2 +- MealPlan/ClientApp/src/app/app.component.ts | 3 ++- .../ClientApp/src/app/nav-menu/nav-menu.component.html | 6 +++++- 4 files changed, 17 insertions(+), 3 deletions(-) create mode 100644 MealPlan/ClientApp/src/app/app.component.css diff --git a/MealPlan/ClientApp/src/app/app.component.css b/MealPlan/ClientApp/src/app/app.component.css new file mode 100644 index 0000000..c3dc03e --- /dev/null +++ b/MealPlan/ClientApp/src/app/app.component.css @@ -0,0 +1,9 @@ +img.top-banner { + width: 100%; + overflow: hidden; + display: flex; + justify-content: left; + height: 118px; + object-fit: cover; + object-position: left; + } \ No newline at end of file diff --git a/MealPlan/ClientApp/src/app/app.component.html b/MealPlan/ClientApp/src/app/app.component.html index 8977e34..3237343 100644 --- a/MealPlan/ClientApp/src/app/app.component.html +++ b/MealPlan/ClientApp/src/app/app.component.html @@ -1,6 +1,6 @@
- banner + banner
diff --git a/MealPlan/ClientApp/src/app/app.component.ts b/MealPlan/ClientApp/src/app/app.component.ts index 0a40b8c..7b0f672 100644 --- a/MealPlan/ClientApp/src/app/app.component.ts +++ b/MealPlan/ClientApp/src/app/app.component.ts @@ -2,7 +2,8 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-root', - templateUrl: './app.component.html' + templateUrl: './app.component.html', + styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'app'; diff --git a/MealPlan/ClientApp/src/app/nav-menu/nav-menu.component.html b/MealPlan/ClientApp/src/app/nav-menu/nav-menu.component.html index 91486ae..f7726a4 100644 --- a/MealPlan/ClientApp/src/app/nav-menu/nav-menu.component.html +++ b/MealPlan/ClientApp/src/app/nav-menu/nav-menu.component.html @@ -3,7 +3,11 @@