1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-09-10 01:28:36 +02:00

box lists

This commit is contained in:
Kyle Spearrin 2018-04-13 13:42:34 -04:00
parent f7047f2822
commit 88c961ff05
3 changed files with 29 additions and 18 deletions

View File

@ -12,12 +12,16 @@
</header> </header>
<content> <content>
<div class="password-block">{{password}}</div> <div class="password-block">{{password}}</div>
<div class="box"> <div class="box list">
<div class="box-content"> <div class="box-content single-line">
<a class="box-content-row" href="#" appStopClick appBlurClick <a class="box-content-row text-primary" href="#" appStopClick appBlurClick
(click)="regenerate()">{{'regeneratePassword' | i18n}}</a> (click)="regenerate()">{{'regeneratePassword' | i18n}}</a>
<a class="box-content-row" href="#" appStopClick appBlurClick <a class="box-content-row text-primary" href="#" appStopClick appBlurClick
(click)="copy()">{{'copyPassword' | i18n}}</a> (click)="copy()">{{'copyPassword' | i18n}}</a>
</div>
</div>
<div class="box list">
<div class="box-content single-line">
<a class="box-content-row box-content-row-flex" routerLink="/generator-history"> <a class="box-content-row box-content-row-flex" routerLink="/generator-history">
<div class="row-main">{{'passwordHistory' | i18n}}</div> <div class="row-main">{{'passwordHistory' | i18n}}</div>
<i class="fa fa-chevron-right row-sub-icon"></i> <i class="fa fa-chevron-right row-sub-icon"></i>

View File

@ -72,6 +72,10 @@ p.lead {
display: none !important; display: none !important;
} }
.display-block {
display: block !important;
}
.monospaced { .monospaced {
font-family: $font-family-monospace; font-family: $font-family-monospace;
} }

View File

@ -8,9 +8,9 @@
<div class="right"></div> <div class="right"></div>
</header> </header>
<content> <content>
<div class="box"> <div class="box list">
<div class="box-header">{{'manage' | i18n}}</div> <div class="box-header">{{'manage' | i18n}}</div>
<div class="box-content"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" routerLink="/folders"> <a class="box-content-row box-content-row-flex text-default" routerLink="/folders">
<div class="row-main">{{'folders' | i18n}}</div> <div class="row-main">{{'folders' | i18n}}</div>
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i> <i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
@ -21,10 +21,10 @@
</a> </a>
</div> </div>
</div> </div>
<div class="box"> <div class="box list">
<div class="box-header">{{'security' | i18n}}</div> <div class="box-header">{{'security' | i18n}}</div>
<div class="box-content"> <div class="box-content single-line">
<div class="box-content-row" appBoxRow> <div class="box-content-row display-block" appBoxRow>
<label for="lockOption">{{'lockOptions' | i18n}}</label> <label for="lockOption">{{'lockOptions' | i18n}}</label>
<select id="lockOption" name="LockOptions" [(ngModel)]="lockOption" (change)="saveLockOption()"> <select id="lockOption" name="LockOptions" [(ngModel)]="lockOption" (change)="saveLockOption()">
<option *ngFor="let o of lockOptions" [ngValue]="o.value">{{o.name}}</option> <option *ngFor="let o of lockOptions" [ngValue]="o.value">{{o.name}}</option>
@ -42,12 +42,15 @@
</a> </a>
</div> </div>
</div> </div>
<div class="box"> <div class="box list">
<div class="box-header">{{'account' | i18n}}</div> <div class="box-header">{{'account' | i18n}}</div>
<div class="box-content"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" routerLink="/premium"> <a class="box-content-row" routerLink="/premium">
<div class="row-main">{{'premiumMembership' | i18n}}</div> <div class="row-main">
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i> <div class="icon text-primary"><i class="fa fa-fw fa-lg fa-star"></i></div>
<span class="text text-primary"><b>{{'premiumMembership' | i18n}}</b></span>
</div>
<span><i class="fa fa-chevron-right fa-lg row-sub-icon"></i></span>
</a> </a>
<a class="box-content-row box-content-row-flex text-default" href="#" <a class="box-content-row box-content-row-flex text-default" href="#"
appStopClick appBlurClick (click)="changePassword()"> appStopClick appBlurClick (click)="changePassword()">
@ -61,9 +64,9 @@
</a> </a>
</div> </div>
</div> </div>
<div class="box"> <div class="box list">
<div class="box-header">{{'tools' | i18n}}</div> <div class="box-header">{{'tools' | i18n}}</div>
<div class="box-content"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" href="#" <a class="box-content-row box-content-row-flex text-default" href="#"
appStopClick appBlurClick (click)="import()"> appStopClick appBlurClick (click)="import()">
<div class="row-main">{{'importItems' | i18n}}</div> <div class="row-main">{{'importItems' | i18n}}</div>
@ -80,9 +83,9 @@
</a> </a>
</div> </div>
</div> </div>
<div class="box"> <div class="box list">
<div class="box-header">{{'other' | i18n}}</div> <div class="box-header">{{'other' | i18n}}</div>
<div class="box-content"> <div class="box-content single-line">
<a class="box-content-row box-content-row-flex text-default" routerLink="/options"> <a class="box-content-row box-content-row-flex text-default" routerLink="/options">
<div class="row-main">{{'options' | i18n}}</div> <div class="row-main">{{'options' | i18n}}</div>
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i> <i class="fa fa-chevron-right fa-lg row-sub-icon"></i>