fix(mobile): the new invite, version, gallery and time warning labels use the theme tokens and type tiers

This commit is contained in:
Maurice
2026-10-12 21:14:28 +00:00
parent 00fca4952f
commit af3dfd0bad
4 changed files with 5 additions and 5 deletions
@@ -25,8 +25,8 @@ export default function MCollInvites({ invites, onAccept, onDecline, t }: MCollI
key={inv.collection_id}
className="rounded-[18px] border border-[color:var(--m-gbr)] bg-[color:var(--m-glass)] p-[12px]"
>
<div className="truncate text-[0.875rem] font-bold text-m-ink">{inv.name}</div>
<div className="mt-[2px] truncate font-geist text-[0.71875rem] text-m-muted">
<div className="truncate text-body font-bold text-m-ink">{inv.name}</div>
<div className="mt-[2px] truncate font-geist text-caption text-m-muted">
{t('collections.invites.from')} {inv.from.username}
</div>
<div className="mt-3 flex items-center gap-2">
@@ -95,7 +95,7 @@ export default function MUserMenu({ open, onClose }: MUserMenuProps): React.Reac
<>
<div className="mx-2 my-1 h-px bg-[color:var(--m-rowbr)]" />
<div className="flex justify-center pb-1 pt-[6px]">
<span className="inline-flex items-center gap-[5px] rounded-full bg-[color:var(--m-ic)] px-3 py-1 font-geist text-[0.625rem] font-bold text-m-muted">
<span className="inline-flex items-center gap-[5px] rounded-full bg-[color:var(--m-ic)] px-3 py-1 font-geist text-caption font-bold text-m-muted">
<img src={dark ? '/text-light.svg' : '/text-dark.svg'} alt="TREK" className="h-[10px] opacity-50" />
v{appVersion}
</span>
@@ -317,7 +317,7 @@ export default function MJourneyDetail() {
type="button"
onClick={() => setPhotoDeleteTarget(photo)}
aria-label={t('common.delete')}
className="absolute end-[6px] top-[6px] flex h-7 w-7 items-center justify-center rounded-full bg-black/60 text-white backdrop-blur"
className="absolute end-[6px] top-[6px] flex h-7 w-7 items-center justify-center rounded-full bg-[color:var(--overlay)] text-[color:var(--m-knob)] backdrop-blur"
>
<X size={13} />
</button>
@@ -253,7 +253,7 @@ export default function MReservationSheet({ planner, onOpenExpense }: MReservati
</div>
)}
{endTimeBeforeStartTime && (
<div className="mt-[6px] text-[0.6875rem] text-[color:var(--m-st-pending)]">
<div className="mt-[6px] text-caption text-[color:var(--m-st-pending)]">
{t('reservations.validation.endTimeBeforeStartTime')}
</div>
)}