fix(ios): expandir pestañas de Favoritos, Cartelera y Mi Carrera a ancho completo con mode=md e ion-label
This commit is contained in:
@@ -23,10 +23,16 @@
|
|||||||
|
|
||||||
<ion-toolbar color="light" class="ion-no-padding">
|
<ion-toolbar color="light" class="ion-no-padding">
|
||||||
<div class="view-segment">
|
<div class="view-segment">
|
||||||
<ion-segment [(ngModel)]="viewMode" (ionChange)="onViewModeChange()" color="primary">
|
<ion-segment [(ngModel)]="viewMode" (ionChange)="onViewModeChange()" color="primary" mode="md">
|
||||||
<ion-segment-button value="favoritos">Favoritos</ion-segment-button>
|
<ion-segment-button value="favoritos">
|
||||||
<ion-segment-button value="todas">Cartelera</ion-segment-button>
|
<ion-label>Favoritos</ion-label>
|
||||||
<ion-segment-button value="plan">Mi Carrera</ion-segment-button>
|
</ion-segment-button>
|
||||||
|
<ion-segment-button value="todas">
|
||||||
|
<ion-label>Cartelera</ion-label>
|
||||||
|
</ion-segment-button>
|
||||||
|
<ion-segment-button value="plan">
|
||||||
|
<ion-label>Mi Carrera</ion-label>
|
||||||
|
</ion-segment-button>
|
||||||
</ion-segment>
|
</ion-segment>
|
||||||
</div>
|
</div>
|
||||||
</ion-toolbar>
|
</ion-toolbar>
|
||||||
|
|||||||
@@ -131,7 +131,19 @@
|
|||||||
|
|
||||||
.view-segment {
|
.view-segment {
|
||||||
background: var(--ion-background-color);
|
background: var(--ion-background-color);
|
||||||
padding: 10px;
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
ion-segment {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
ion-segment-button {
|
||||||
|
flex: 1;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.92rem;
|
||||||
|
min-height: 44px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-header-flex {
|
.card-header-flex {
|
||||||
|
|||||||
Reference in New Issue
Block a user