breadone/Recipie2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add proper titles to pages

Browse Source
This commit is contained in:
June
2025-12-04 09:15:02 +13:00
parent 85273f163c
commit a266e7fb3a
6 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/BaseHead.astro
View File

@@ -1,9 +0,0 @@
---
import "../styles/global.css"
---
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Astro</title>

11
web/src/layouts/Base.astro
View File

@@ -1,12 +1,19 @@
---
import BaseHead from '@component/BaseHead'
import Header from '@component/Header'
import "../styles/global.css";
const {
title
} = Astro.props
---
<html lang=en>
<head>
<BaseHead title="Recipie" />
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{title ? title : "Recipie"}</title>
</head>
<body>
<main id="main" class="flex-1">

2
web/src/pages/recipe/[id]/edit.astro
View File

@@ -53,7 +53,7 @@ const recipeId = id as string
});
</script>
<Base>
<Base title="Edit Recipe">
<div class="flex flex-col md:flex-row mx-auto justify-center w-full lg:max-w-3/4 xl:max-w-2/3 2xl:max-w-1/2">
<div class="flex md:flex-1/3 flex-col sticky">

2
web/src/pages/recipe/[id]/index.astro
View File

@@ -20,7 +20,7 @@ const images = await Promise.all(
)
---
<Base>
<Base title=`${recipeData.metadata.title}: Recipie` >
<div class="flex flex-col md:flex-row mx-auto justify-center w-full lg:max-w-3/4 xl:max-w-2/3 2xl:max-w-1/2">
<div class="flex md:flex-1/3 flex-col mt-2 md:mt-4 sticky">
<ImageCarousel class="w-full" images={images} />

2
web/src/pages/recipe/new.astro
View File

@@ -57,7 +57,7 @@ tags:
});
</script>
<Base>
<Base title="New Recipe">
<div class="flex flex-col md:flex-row mx-auto justify-center w-full lg:max-w-3/4 xl:max-w-2/3 2xl:max-w-1/2">
<div class="flex md:flex-1/3 flex-col sticky">

2
web/src/pages/search.astro
View File

@@ -30,7 +30,7 @@ if (query) {
}
---
<Base>
<Base title=`Search${ query != "" ? ": " + query : "" }`>
<div class="mb-6">
<!-- <h1 class="text-3xl font-bold mb-4">Search Recipes</h1> -->