sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: fix login page on edge browser #204

Browse Source
This commit is contained in:
woothu
2020-04-15 10:32:52 +02:00
parent a28155262a
commit d919129ba7
1 changed files with 56 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/pages/Login.vue
+56 -51
View File
@@ -1,57 +1,62 @@
<template> <template>
<CContainer class="d-flex content-center min-vh-100"> <div class="c-app flex-row align-items-center">
<CRow> <CContainer>
<CCol> <CRow class="justify-content-center">
<CCardGroup> <CCol md="8">
<CCard class="p-4"> <CCardGroup>
<CCardBody> <CCard class="p-4">
<CForm> <CCardBody>
<h1>Login</h1> <CForm>
<p class="text-muted">Sign In to your account</p> <h1>Login</h1>
<CInput <p class="text-muted">Sign In to your account</p>
placeholder="Username" <CInput
autocomplete="username email" placeholder="Username"
> autocomplete="username email"
<template #prepend-content><CIcon name="cil-user"/></template> >
</CInput> <template #prepend-content><CIcon name="cil-user"/></template>
<CInput </CInput>
placeholder="Password" <CInput
type="password" placeholder="Password"
autocomplete="curent-password" type="password"
> autocomplete="curent-password"
<template #prepend-content><CIcon name="cil-lock-locked"/></template> >
</CInput> <template #prepend-content><CIcon name="cil-lock-locked"/></template>
<CRow> </CInput>
<CCol col="6" class="text-left"> <CRow>
<CButton color="primary" class="px-4">Login</CButton> <CCol col="6" class="text-left">
</CCol> <CButton color="primary" class="px-4">Login</CButton>
<CCol col="6" class="text-right"> </CCol>
<CButton color="link" class="px-0">Forgot password?</CButton> <CCol col="6" class="text-right">
<CButton color="link" class="d-md-none">Register now!</CButton> <CButton color="link" class="px-0">Forgot password?</CButton>
</CCol> <CButton color="link" class="d-lg-none">Register now!</CButton>
</CRow> </CCol>
</CForm> </CRow>
</CCardBody> </CForm>
</CCard> </CCardBody>
<CCard </CCard>
color="primary" <CCard
text-color="white"
class="text-center py-5 d-sm-down-none"
body-wrapper
>
<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" color="primary"
class="active mt-3" text-color="white"
class="text-center py-5 d-md-down-none"
body-wrapper
> >
Register Now! <CCardBody>
</CButton> <h2>Sign up</h2>
</CCard> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</CCardGroup> <CButton
</CCol> color="light"
</CRow> variant="outline"
</CContainer> size="lg"
>
Register Now!
</CButton>
</CCardBody>
</CCard>
</CCardGroup>
</CCol>
</CRow>
</CContainer>
</div>
</template> </template>
<script> <script>