Center and shadow model form on models/create route

DSD-DBS · Nov 1, 2023 · 545fcf6 · 545fcf6
1 parent 3796d0b
commit 545fcf6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -103,6 +103,10 @@ export class CreateModelComponent implements OnInit {
       this.stepper.previous();
     }
   }
+
+  hasRoute(route: string) {
+    return this.router.url.includes(route);
+  }
 }
 
 export type CreateModelStep =