style(ios): reducir un 10% el tamaño del segmento de navegación en iOS

This commit is contained in:
Carlos Facundo Tello
2026-08-29 01:49:20 -03:00
parent bcb687e408
commit e0c240a212
+15 -17
View File
@@ -131,29 +131,27 @@
.view-segment { .view-segment {
background: var(--ion-background-color); background: var(--ion-background-color);
padding: 0; padding: 10px;
width: 100%;
display: flex; :host-context(.ios) & {
justify-content: center; padding: 6px 10px;
align-items: center; }
ion-segment { ion-segment {
width: 100%; :host-context(.ios) &,
margin: 0 auto; &.ios {
min-height: 29px;
ion-segment-button { ion-segment-button {
flex: 1; min-height: 29px;
font-weight: 600; font-size: 0.9em;
font-size: 0.92rem; --padding-start: 4px;
min-height: 44px; --padding-end: 4px;
--padding-top: 0;
--padding-bottom: 0;
}
} }
} }
}
:host-context(.ios) .view-segment ion-segment {
width: 90% !important;
max-width: 90% !important;
margin: 0 auto;
} }
.card-header-flex { .card-header-flex {