diff --git a/src/lib/components/RecipeView.svelte b/src/lib/components/RecipeView.svelte index 8b5b34a..d4938b5 100644 --- a/src/lib/components/RecipeView.svelte +++ b/src/lib/components/RecipeView.svelte @@ -347,7 +347,9 @@ /* Querformat-Tablets und Desktop: Zutaten + Zubereitung nebeneinander, Tabs ausgeblendet. Zutaten sticky, damit sie beim Scrollen der - Zubereitung oben bleiben. */ + Zubereitung oben bleiben. + Schriftgrößen hier bewusst größer — das Rezept wird auf einem 10"- + Tablet beim Kochen aus ~50 cm Abstand gelesen. */ @media (min-width: 820px) { .tabs { display: none; @@ -367,5 +369,30 @@ max-height: calc(100vh - 2rem); overflow-y: auto; } + .ing-list li { + font-size: 1.2rem; + line-height: 1.5; + padding: 0.85rem 0.25rem; + } + .qty { + min-width: 6rem; + } + .srv-value strong { + font-size: 1.5rem; + } + .srv-value span { + font-size: 1rem; + } + .steps li { + font-size: 1.2rem; + line-height: 1.55; + padding: 1rem 0 1rem 3.4rem; + } + .steps li::before { + width: 2.4rem; + height: 2.4rem; + font-size: 1.1rem; + top: 1rem; + } }