From 545fcf6cf1448a810ac56fee6322a8a0c17540b8 Mon Sep 17 00:00:00 2001
From: romeonicholas <nicholas.romeo@code.berlin>
Date: Wed, 1 Nov 2023 11:02:21 +0100
Subject: [PATCH] Center and shadow model form on models/create route

---
 .../projects/models/create-model/create-model.component.html  | 3 ++-
 .../projects/models/create-model/create-model.component.ts    | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/projects/models/create-model/create-model.component.html b/frontend/src/app/projects/models/create-model/create-model.component.html
index 9a77d06154..701451fa16 100644
--- a/frontend/src/app/projects/models/create-model/create-model.component.html
+++ b/frontend/src/app/projects/models/create-model/create-model.component.html
@@ -3,8 +3,9 @@
  ~ SPDX-License-Identifier: Apache-2.0
  -->
 
-<div class="wrapper">
+<div class="wrapper flex justify-center">
   <mat-horizontal-stepper
+    [ngClass]="hasRoute('models/create') ? 'rounded-md shadow-md' : ''"
     class="w-[680px]"
     (selectionChange)="onStepChange($event)"
     linear
diff --git a/frontend/src/app/projects/models/create-model/create-model.component.ts b/frontend/src/app/projects/models/create-model/create-model.component.ts
index 55e006af5e..cca3f048ec 100644
--- a/frontend/src/app/projects/models/create-model/create-model.component.ts
+++ b/frontend/src/app/projects/models/create-model/create-model.component.ts
@@ -103,6 +103,10 @@ export class CreateModelComponent implements OnInit {
       this.stepper.previous();
     }
   }
+
+  hasRoute(route: string) {
+    return this.router.url.includes(route);
+  }
 }
 
 export type CreateModelStep =