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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user