login box

2024-01-04 12:58:11 -05:00
parent 883ba855a7
commit 548c15b091
2 changed files with 39 additions and 1 deletions
@@ -1,3 +1,3 @@
 <ion-app>
-  <ion-router-outlet></ion-router-outlet>
+  <ion-router-outlet [swipeGesture]="false"></ion-router-outlet>
 </ion-app>
@@ -9,6 +9,44 @@
    background-size: cover;
    height: 100%;">

+    <div
+      style="
+      margin: auto ;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      padding: 10px;
+      position: absolute;
+      width: 300px;
+      background-color: rgba(245,249,253,0.81); border-radius: 10px">
+
+
+      <ion-grid>
+      <ion-row>
+        <ion-col style="text-align: center;">
+          <img src="https://www.myfit.ai/assets/images/logo.png" />
+        </ion-col>
+      </ion-row>
+        <ion-row>
+          <ion-col>
+            Some wonderful text here
+          </ion-col>
+        </ion-row>
+        <ion-row>
+          <ion-col>
+             <ion-button
+               shape="round"
+               expand="block"
+               size="small"
+               color="primary">Get Started</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+
+    </div>
+
  </div>

+
 </ion-content>