use segments instead of tabs

This commit is contained in:
JDonadio 2017-10-26 17:27:34 -03:00
parent 55730f55db
commit bda75879cd
No known key found for this signature in database
GPG Key ID: EC1F4E04B2BFA730
2 changed files with 9 additions and 19 deletions

View File

@ -5,11 +5,15 @@
</ion-header>
<ion-content>
<div class="tabs">
<div class="tab" [ngClass]="{'selected': selectedTab == 'words'}" (click)="selectTab('words')"><span>Recovery phrase</span></div>
<div class="tab" [ngClass]="{'selected': selectedTab == 'file'}" (click)="selectTab('file')"><span>File/Text</span></div>
</div>
<ion-segment [(ngModel)]="selectedTab" color="primary" (ionChange)="selectTab(selectedTab)">
<ion-segment-button value="words" translate>
Words
</ion-segment-button>
<ion-segment-button value="file" translate>
File
</ion-segment-button>
</ion-segment>
<form [formGroup]="importForm" (ngSubmit)="import()">
<ion-item *ngIf="selectedTab == 'words'">
<ion-label stacked>Type the recovery phrase (usually 12 words)</ion-label>

View File

@ -1,14 +0,0 @@
.tabs {
display: flex;
text-align: center;
padding-top: 13px;
padding-bottom: 13px;
}
.tab {
width: 100%;
}
.selected {
border-bottom: 2px solid;
}