fix onboarding: consistent text-sm body font, correct iOS share icon

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-12 15:08:35 +01:00
parent fbbfb9e7a5
commit 8c79aa14b7

View File

@@ -1,6 +1,6 @@
import { useForm } from "@tanstack/react-form";
import { useNavigate } from "@tanstack/react-router";
import { Loader2, Lock, Route, Smartphone } from "lucide-react";
import { Loader2, Lock, Route, Share, Smartphone } from "lucide-react";
import { useEffect, useMemo, useState } from "react";
import { Button } from "@/shared/components/ui/button";
import { Input } from "@/shared/components/ui/input";
@@ -60,7 +60,7 @@ export function OnboardingForm() {
<>
<div className="space-y-2 text-center">
<h1 className="text-2xl font-bold">Über dich</h1>
<p className="text-muted-foreground">
<p className="text-sm text-muted-foreground">
Diese Angaben helfen uns, deinen Kostenerstattungsantrag
vorzubereiten.
</p>
@@ -186,7 +186,7 @@ function IntroScreen() {
<Route className="size-8 text-primary" />
</div>
<h1 className="text-2xl font-bold">Willkommen bei TherapyFinder</h1>
<p className="text-muted-foreground">
<p className="text-sm text-muted-foreground">
TherapyFinder begleitet dich auf dem Weg zur Psychotherapie. Die App
hilft dir, Kontaktversuche zu dokumentieren, Absagen festzuhalten und
deinen Kostenerstattungsantrag vorzubereiten.
@@ -216,7 +216,7 @@ function InstallScreen() {
<Smartphone className="size-8 text-primary" />
</div>
<h1 className="text-2xl font-bold">Als App installieren</h1>
<p className="text-muted-foreground">
<p className="text-sm text-muted-foreground">
Füge TherapyFinder zu deinem Home-Bildschirm hinzu, damit du die App
jederzeit wie eine normale App öffnen kannst auch offline.
</p>
@@ -226,10 +226,8 @@ function InstallScreen() {
<p className="text-sm font-medium">So geht's auf dem iPhone/iPad:</p>
<ol className="list-inside list-decimal space-y-1 text-sm text-muted-foreground">
<li>
Tippe auf das Teilen-Symbol{" "}
<span className="inline-block align-text-bottom text-base">
</span>
Tippe unten auf das Teilen-Symbol{" "}
<Share className="inline size-4 align-text-bottom" />
</li>
<li>Wähle „Zum Home-Bildschirm"</li>
<li>Tippe auf „Hinzufügen"</li>