Skip to content
Snippets Groups Projects
Commit e9d1a414 authored by Tifenn Guillas's avatar Tifenn Guillas
Browse files

Fix design

parent d38f9825
No related branches found
No related tags found
2 merge requests!813.1,!753.1
.form-border {
border: 1px solid #dee2e6;
border-top: none;
border-bottom-left-radius: .25rem;
border-bottom-right-radius: .25rem;
}
\ No newline at end of file
<div class="row align-items-center">
<div class="col-12 mx-auto col-md-6 order-md-2 text-center">
<tabset [justified]="true">
<tab heading="Forgot password">
<div class="container text-left py-2">
<app-form-forgot-password (submitted)="forgotPassword($event)"></app-form-forgot-password>
<div class="container">
<div class="row align-items-center">
<div class="col-12 mx-auto col-md-6 order-md-2 text-center">
<tabset [justified]="true">
<tab heading="Forgot password">
<div class="container text-left py-2 form-border">
<app-form-forgot-password (submitted)="forgotPassword($event)"></app-form-forgot-password>
<div class="text-right">
<small>Already have login and password? <a routerLink="/login">Sign in</a></small>
<div class="text-right">
<small>Already have login and password? <a routerLink="/login">Sign in</a></small>
</div>
</div>
</div>
</tab>
</tabset>
</div>
<div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
<app-account-benefits></app-account-benefits>
</tab>
</tabset>
</div>
<div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
<app-account-benefits></app-account-benefits>
</div>
</div>
</div>
\ No newline at end of file
......@@ -8,7 +8,7 @@ import * as fromLogin from '../store/login.reducer';
@Component({
selector: 'app-forgot-password',
templateUrl: 'forgot-password.component.html',
styleUrls: ['login.component.css']
styleUrls: ['forgot-password.component.css']
})
export class ForgotPasswordComponent implements OnInit {
constructor(private store: Store<{ login: fromLogin.State }>) { }
......
<div class="row align-items-center">
<div class="col-12 mx-auto col-md-6 order-md-2 text-center">
<tabset [justified]="true" class="tabset">
<tab heading="Login">
<div class="container text-left py-2">
<app-form-login (submitted)="login($event)"></app-form-login>
<div class="container">
<div class="row align-items-center">
<div class="col-12 mx-auto col-md-6 order-md-2 text-center">
<tabset [justified]="true" class="tabset">
<tab heading="Login">
<div class="container text-left py-2">
<app-form-login (submitted)="login($event)"></app-form-login>
<div class="text-right">
<small><a routerLink="/forgot-password">Forgot your password?</a></small>
<div class="text-right">
<small><a routerLink="/forgot-password">Forgot your password?</a></small>
</div>
</div>
</div>
</tab>
<tab heading="Register">
<div class="container text-left py-2">
<app-form-register (submitted)="register($event)"></app-form-register>
</div>
</tab>
</tabset>
</div>
<div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
<app-account-benefits></app-account-benefits>
</tab>
<tab heading="Register">
<div class="container text-left py-2">
<app-form-register (submitted)="register($event)"></app-form-register>
</div>
</tab>
</tabset>
</div>
<div class="col-md-6 order-md-1 text-justify text-md-left pr-md-5 align-self-start">
<app-account-benefits></app-account-benefits>
</div>
</div>
</div>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment