fix: fix login page on edge browser #204

src/views/pages/Login.vue

@@ -1,7 +1,8 @@
 <template>
-  <CContainer class="d-flex content-center min-vh-100">
-    <CRow>
-      <CCol>
+  <div class="c-app flex-row align-items-center">
+    <CContainer>
+      <CRow class="justify-content-center">
+        <CCol md="8">
           <CCardGroup>
             <CCard class="p-4">
               <CCardBody>
@@ -27,7 +28,7 @@
                     </CCol>
                     <CCol col="6" class="text-right">
                       <CButton color="link" class="px-0">Forgot password?</CButton>
-                    <CButton color="link" class="d-md-none">Register now!</CButton>
+                      <CButton color="link" class="d-lg-none">Register now!</CButton>
                     </CCol>
                   </CRow>
                 </CForm>
@@ -36,22 +37,26 @@
             <CCard
               color="primary"
               text-color="white"
-            class="text-center py-5 d-sm-down-none"
+              class="text-center py-5 d-md-down-none"
               body-wrapper
             >
+              <CCardBody>
                 <h2>Sign up</h2>
                 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                 <CButton
-              color="primary"
-              class="active mt-3"
+                  color="light"
+                  variant="outline"
+                  size="lg"
                 >
                   Register Now!
                 </CButton>
+              </CCardBody>
             </CCard>
           </CCardGroup>
         </CCol>
       </CRow>
     </CContainer>
+  </div>
 </template>
 
 <script>