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

Use PageContentLayout.tsx everywhere

Browse source
This commit is contained in:
araemer 2025-12-07 08:26:05 +01:00
parent df39a1a217
commit fdb1b3625f
4 changed files with 14 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,9 +7,9 @@ import {InstructionStepListEditor} from "./InstructionStepListEditor"
import type {InstructionStepModel} from "../../models/InstructionStepModel"
import {ButtonType} from "../basics/BasicButtonDefinitions"
import ButtonGroupLayout from "../basics/ButtonGroupLayout.tsx";
import ContentBackground from "../basics/ContentBackground.tsx";
import ContentBody from "../basics/ContentBody.tsx";
import PageContainer from "../basics/PageContainer.tsx";
import PageContentLayout from "../basics/PageContentLayout.tsx";
type RecipeEditorProps = {
recipe: RecipeModel
@ -86,7 +86,7 @@ export function RecipeEditor({recipe, onSave, onCancel}: RecipeEditorProps) {
/*Container spanning entire screen used to center content horizontally */
<PageContainer>
{/* Container defining the maximum width of the content */}
<ContentBackground>
<PageContentLayout>
<h1 className="border-b-2 border-gray-300 pb-4">
{recipe.id ? "Rezept bearbeiten" : "Neues Rezept"}
</h1>
@ -152,7 +152,7 @@ export function RecipeEditor({recipe, onSave, onCancel}: RecipeEditorProps) {
/>
</ButtonGroupLayout>
</ContentBody>
</ContentBackground>
</PageContentLayout>
</PageContainer>
)
}