fixed sensor setting

src/app/packages/sensor/component/setting/setting.component.html

@@ -1,9 +1,49 @@
-<mat-card class="example-card">
-  <mat-card-header>
-    <mat-card-title>Step 1</mat-card-title>
-    <mat-card-subtitle>Select Target</mat-card-subtitle>
-  </mat-card-header>
-  <mat-card-content>
-    여기에 타겟들 출력
-  </mat-card-content>
-</mat-card>
+<div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
+  <div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
+
+    <mat-card class="example-card">
+      <mat-card-header>
+        <mat-card-title>Step 1</mat-card-title>
+        <mat-card-subtitle>Select Target</mat-card-subtitle>
+      </mat-card-header>
+      <mat-card-content>
+        여기에 타겟들 출력
+      </mat-card-content>
+    </mat-card>
+
+    <mat-card class="example-card">
+      <mat-card-header>
+        <mat-card-title>Step 2</mat-card-title>
+        <mat-card-subtitle>Select Crawler</mat-card-subtitle>
+      </mat-card-header>
+      <mat-card-content>
+        여기에 Crawler 출력
+      </mat-card-content>
+    </mat-card>
+
+  </div>
+
+  <div fxLayout="row" fxLayoutWrap fxLayoutAlign="center">
+
+    <mat-card class="example-card">
+      <mat-card-header>
+        <mat-card-title>Step 3</mat-card-title>
+        <mat-card-subtitle>Crawler Auth</mat-card-subtitle>
+      </mat-card-header>
+      <mat-card-content>
+        인증정보 입력 창
+      </mat-card-content>
+    </mat-card>
+
+    <mat-card class="example-card">
+      <mat-card-header>
+        <mat-card-title>Step 4</mat-card-title>
+        <mat-card-subtitle>Select Sensor Item</mat-card-subtitle>
+      </mat-card-header>
+      <mat-card-content>
+        트리로 센서 아이템 목록 출력
+      </mat-card-content>
+    </mat-card>
+
+  </div>
+</div>

src/app/pages/sensor-setting/sensor-setting-page.component.html

@@ -1,5 +1 @@
-<p>
-  sensor-setting-page works!
-</p>
-
 <of-sensor-setting></of-sensor-setting>