max/memorium
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

feat: add title

Browse Source
This commit is contained in:
max_richter 2023-08-04 22:38:09 +02:00
parent 469db6525d
commit a765ce7f74
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/layouts/main.tsx
View File

@ -1,6 +1,6 @@
import { ComponentChildren } from "preact";
import { menu } from "@lib/menus.ts";
import { CSS, KATEX_CSS,render } from "https://deno.land/x/gfm/mod.ts";
import { CSS, KATEX_CSS, render } from "https://deno.land/x/gfm/mod.ts";
import { Head } from "$fresh/runtime.ts";
export type Props = {
@ -11,7 +11,7 @@ export type Props = {
description?: string;
};
export const MainLayout = ({ children, url }: Props) => {
export const MainLayout = ({ children, url, title }: Props) => {
return (
<div
class="md:grid mx-auto"
@ -20,6 +20,8 @@ export const MainLayout = ({ children, url }: Props) => {
<Head>
<style>{CSS}</style>
<style>{KATEX_CSS}</style>
{title &&
<title>{title}</title>}
</Head>
<aside class="p-4 hidden md:block">
<nav class="min-h-fit rounded-3xl p-3 grid gap-3 fixed t-0">

2
routes/articles/[name].tsx
View File

@ -22,7 +22,7 @@ export default function Greet(props: PageProps<Article>) {
console.log({ tags: article.tags });
return (
<MainLayout url={props.url}>
<MainLayout url={props.url} title={`Article > ${article.name}`}>
<RecipeHero
data={article}
subline={[author, date.toString()]}

4
routes/articles/index.tsx
View File

@ -15,7 +15,7 @@ export const handler: Handlers<Article[] | null> = {
export default function Greet(props: PageProps<Article[] | null>) {
return (
<MainLayout url={props.url}>
<MainLayout url={props.url} title="Articles">
<header class="flex gap-4 items-center mb-5 md:hidden">
<a
class="px-4 ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"
@ -33,7 +33,7 @@ export default function Greet(props: PageProps<Article[] | null>) {
{props.data?.map((doc) => {
return (
<Card
image={doc?.meta?.image||"/placeholder.svg"}
image={doc?.meta?.image || "/placeholder.svg"}
link={`/articles/${doc.id}`}
title={doc.name}
/>

2
routes/movies/[name].tsx
View File

@ -20,7 +20,7 @@ export default function Greet(props: PageProps<Movie>) {
console.log(movie.description);
return (
<MainLayout url={props.url}>
<MainLayout url={props.url} title={`Movie > ${movie.name}`}>
<RecipeHero
data={movie}
subline={[author, date.toString()]}

2
routes/recipes/[name].tsx
View File

@ -20,7 +20,7 @@ export default function Greet(props: PageProps<Recipe>) {
const amount = useSignal(portion || 1);
return (
<MainLayout url={props.url}>
<MainLayout url={props.url} title={`Recipes > ${recipe.name}`}>
<RecipeHero data={recipe} backlink="/recipes" />
<div class="px-8 text-white mt-10">
<div class="flex items-center gap-8">

2
routes/recipes/index.tsx
View File

@ -14,7 +14,7 @@ export const handler: Handlers<Recipe[] | null> = {
export default function Greet(props: PageProps<Recipe[] | null>) {
return (
<MainLayout url={props.url}>
<MainLayout url={props.url} title="Recipes">
<header class="flex gap-4 items-center mb-2 lg:mb-5 md:hidden">
<a
class="px-4 lg:ml-4 py-2 bg-gray-300 text-gray-800 rounded-lg flex items-center gap-1"