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,10 +5,14 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<div class="tabs"> <ion-segment [(ngModel)]="selectedTab" color="primary" (ionChange)="selectTab(selectedTab)">
<div class="tab" [ngClass]="{'selected': selectedTab == 'words'}" (click)="selectTab('words')"><span>Recovery phrase</span></div> <ion-segment-button value="words" translate>
<div class="tab" [ngClass]="{'selected': selectedTab == 'file'}" (click)="selectTab('file')"><span>File/Text</span></div> Words
</div> </ion-segment-button>
<ion-segment-button value="file" translate>
File
</ion-segment-button>
</ion-segment>
<form [formGroup]="importForm" (ngSubmit)="import()"> <form [formGroup]="importForm" (ngSubmit)="import()">
<ion-item *ngIf="selectedTab == 'words'"> <ion-item *ngIf="selectedTab == 'words'">

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;
}