araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Clean up css

Browse source
This commit is contained in:
araemer 2025-10-25 08:00:59 +02:00
parent 5a4e04a47c
commit c866c01dfe
17 changed files with 214 additions and 250 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/components/recipes/RecipeEditor.tsx
View file

@ -89,25 +89,25 @@ export default function RecipeEditor({recipe, onSave, onCancel}: RecipeEditorPro
{/* Container defining the maximum width of the content */}
<div className="content-bg">
<h1 className="content-title border-b-2 border-gray-300">
<h1 className="border-b-2 border-gray-300">
{recipe.id ? "Rezept bearbeiten" : "Neues Rezept"}
</h1>
<div className="content-container">
{/* Title */}
<h2 className="section-heading">Titel</h2>
<h2>Titel</h2>
<input
className={`input-field ${errors.title ? "error-text" : ""}`}
className={`${errors.title ? "error-text" : ""}`}
placeholder="Titel"
value={draft.title}
onChange={e => setDraft({...draft, title: e.target.value})}
/>
{/* Servings */}
<h2 className="section-heading">Portionen</h2>
<h2>Portionen</h2>
<div className="columns-3 gap-2 flex items-center">
<label>Für</label>
<input
type="number"
className="input-field w-20"
className="w-20"
placeholder="1"
value={draft.servings.amount}
onChange={e => {
@ -117,7 +117,6 @@ export default function RecipeEditor({recipe, onSave, onCancel}: RecipeEditorPro
}}
/>
<input
className="input-field"
placeholder="Personen"
value={draft.servings.unit}
onChange={e => {