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

style login page

Browse source
This commit is contained in:
Anika Raemer 2025-10-12 08:36:41 +02:00
parent 575eecfc69
commit 97b0e5bdd3
6 changed files with 128 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/recipes/RecipeListPage.tsx
View file

@ -39,12 +39,12 @@ export default function RecipeListPage() {
if(!recipeList) { return <div>Loading!</div>}
return (
/*Container spanning entire screen used to center content horizontally */
<div className="w-screen min-h-screen flex justify-center">
<div className="app-bg">
{/* Container defining the maximum width of the content */}
<div className="bg-gray-100 w-full min-h-screen max-w-6xl shadow-xl p-8">
{/* Header - remains in position when scrolling */}
<div className="sticky bg-gray-100 top-0 left-0 right-0 pb-4 border-b-2 border-gray-300">
<h1 className="content-title text-blue-900">Recipes</h1>
<h1 className="content-title">Recipes</h1>
<RecipeListToolbar
onAddClicked={handleAdd}
onSearchStringChanged={setSearchString}