Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-09-14 02:08:50 +02:00
Code Issues Projects Releases Wiki Activity

loading styles

Browse Source
This commit is contained in:
Kyle Spearrin 2018-07-06 16:36:51 -04:00
parent 417743ccdd
commit 15cc46bba5
5 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/accounts/login.component.html
View File

@ -1,7 +1,7 @@
<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" class="container"> <form #form (ngSubmit)="submit()" [appApiAction]="formPromise" class="container">
<div class="row justify-content-md-center mt-5"> <div class="row justify-content-md-center mt-5">
<div class="col-5"> <div class="col-5">
<img src="../../images/logo-dark@2x.png" class="mb-2" alt="Bitwarden"> <img src="../../images/logo-dark@2x.png" class="logo mb-2" alt="Bitwarden">
<p class="lead text-center mx-4 mb-4">{{'loginOrCreateNewAccount' | i18n}}</p> <p class="lead text-center mx-4 mb-4">{{'loginOrCreateNewAccount' | i18n}}</p>
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">

1
src/app/layouts/organization-layout.component.ts
View File

@ -20,6 +20,7 @@ export class OrganizationLayoutComponent implements OnInit {
constructor(private route: ActivatedRoute, private userService: UserService) { } constructor(private route: ActivatedRoute, private userService: UserService) { }
ngOnInit() { ngOnInit() {
document.body.classList.remove('layout_frontend');
this.route.params.subscribe(async (params) => { this.route.params.subscribe(async (params) => {
this.organizationId = params.organizationId; this.organizationId = params.organizationId;
await this.load(); await this.load();

7
src/app/layouts/user-layout.component.ts
View File

@ -1,9 +1,14 @@
import { import {
Component, Component,
OnInit,
} from '@angular/core'; } from '@angular/core';
@Component({ @Component({
selector: 'app-user-layout', selector: 'app-user-layout',
templateUrl: 'user-layout.component.html', templateUrl: 'user-layout.component.html',
}) })
export class UserLayoutComponent { } export class UserLayoutComponent implements OnInit {
ngOnInit() {
document.body.classList.remove('layout_frontend');
}
}

11
src/index.html
View File

@ -19,9 +19,16 @@
crossorigin="anonymous"> crossorigin="anonymous">
</head> </head>
<body> <body class="layout_frontend">
<app-root> <app-root>
Loading... <div class="mt-5 d-flex justify-content-center">
<div>
<img src="./images/logo-dark@2x.png" class="mb-4 logo" alt="Bitwarden">
<p class="text-center">
<i class="fa fa-spinner fa-spin fa-2x text-muted"></i>
</p>
</div>
</div>
</app-root> </app-root>
</body> </body>

16
src/scss/styles.scss
View File

@ -382,15 +382,6 @@ app-vault-groupings, app-org-vault-groupings {
} }
} }
app-login {
img {
width: 284px;
height: 43px;
margin: 0 auto;
display: block;
}
}
app-password-generator { app-password-generator {
#lengthRange { #lengthRange {
width: 100%; width: 100%;
@ -652,3 +643,10 @@ app-user-billing {
} }
} }
} }
img.logo {
width: 284px;
height: 43px;
margin: 0 auto;
display: block;
}