vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

some styling

This commit is contained in:
Kyle Spearrin 2018-06-26 08:49:45 -04:00
parent 4bd47f728a
commit 28f4ed9144
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/settings/account.component.html
View File

@ -10,14 +10,17 @@
<h1>{{'changeMasterPassword' | i18n}}</h1>
</div>
<app-change-password></app-change-password>
<div class="secondary-header text-danger">
<div class="secondary-header text-danger border-0 mb-0">
<h1>{{'dangerZone' | i18n}}</h1>
</div>
<p>{{'dangerZoneDesc' | i18n}}</p>
<button type="button" class="btn btn-outline-secondary" (click)="deauthorizeSessions()" appBlurClick>{{'deauthorizeSessions' | i18n}}</button>
<button type="button" class="btn btn-outline-secondary" (click)="purgeVault()" appBlurClick>{{'purgeVault' | i18n}}</button>
<button type="button" class="btn btn-outline-secondary" (click)="deleteAccount()" appBlurClick>{{'deleteAccount' | i18n}}</button>
<div class="card border-danger">
<div class="card-body">
<p>{{'dangerZoneDesc' | i18n}}</p>
<button type="button" class="btn btn-outline-danger" (click)="deauthorizeSessions()" appBlurClick>{{'deauthorizeSessions' | i18n}}</button>
<button type="button" class="btn btn-outline-danger" (click)="purgeVault()" appBlurClick>{{'purgeVault' | i18n}}</button>
<button type="button" class="btn btn-outline-danger" (click)="deleteAccount()" appBlurClick>{{'deleteAccount' | i18n}}</button>
</div>
</div>
<ng-template #deauthorizeSessionsTemplate></ng-template>
<ng-template #purgeVaultTemplate></ng-template>
<ng-template #deleteAccountTemplate></ng-template>

6
src/scss/styles.scss
View File

@ -46,7 +46,7 @@ $navbar-brand-padding-y: 0;
$navbar-dark-color: rgba(#ffffff, .7);
$navbar-dark-hover-color: rgba(#ffffff, .9);
$input-bg: #fafafa;
$input-bg: #fbfbfb;
$input-focus-bg: #ffffff;
$input-disabled-bg: #e0e0e0;
@ -54,6 +54,7 @@ $table-accent-bg: rgba(#000000, .02);
$table-hover-bg: rgba(#000000, .03);
$modal-backdrop-opacity: 0.3;
$btn-font-weight: 600;
@import "~bootstrap/scss/bootstrap";
@import "./plugins";
@ -171,7 +172,8 @@ label:not(.form-check-label) {
.btn[class*="btn-outline-"] {
&:not(:hover) {
background-color: #ffffff;
border-color: $secondary;
background-color: #fbfbfb;
}
}