Merge pull request #673 from bcgov/shaun-dev

merge fix for logout screen display
bcgov · Nov 1, 2024 · cdfdc75 · cdfdc75
2 parents f95d64f + 6bb8801
commit cdfdc75
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
@@ -12,8 +12,8 @@
             valid IDIR.
           </v-card-text>
           <v-card-actions>
-            <v-btn color="primary" variant="text" href="authRoutes.LOGIN">
-              <a :href="authRoutes.LOGIN">Login</a>
+            <v-btn color="primary" variant="text" :href="authRoutes.LOGIN">
+              Login
             </v-btn>
           </v-card-actions>
         </v-card>

diff --git a/frontend/src/views/Logout.vue b/frontend/src/views/Logout.vue
@@ -1,25 +1,27 @@
 <template>
   <v-container fluid class="full-height">
-    <v-row align="center">
-      <v-col cols="10" sm="10" md="8" lg="4" xl="3">
-        <v-card class="session-expired-card">
-          <v-card-title class="gov-header">
+    <v-row>
+      <v-spacer />
+      <v-col cols="12" md="4" lg="4">
+        <v-card class="pt-3 pb-4">
+          <v-card-title>
             <h4 id="logout_text">Logged Out</h4>
           </v-card-title>
           <v-card-text id="logout_descriptor">
-            <v-row style="margin: 0.3rem">You have Logged out.</v-row>
+            You have Logged out of the Graduation Administration Application.
+          </v-card-text>
+          <v-card-actions>
             <v-btn
               @click="clearStorage"
-              :href="Routes.LOGIN"
-              class="ma-1"
-              dark
-              color="#003366"
-              >Log In</v-btn
+              variant="text"
+              :href="routes.LOGIN"
+              color="primary"
+              >Login</v-btn
             >
-            <span>&nbsp;again if you wish to continue.</span>
-          </v-card-text>
+          </v-card-actions>
         </v-card>
       </v-col>
+      <v-spacer />
     </v-row>
   </v-container>
 </template>