jamesf/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix and polish the return button

Browse source
This commit is contained in:
Yifei Hu 2024-07-10 13:47:47 +08:00
parent 10b38e392a
commit c2d76e002e
4 changed files with 19 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

11
ui/app/news/[id]/layout.tsx
View file

@ -1,10 +1,15 @@
import Link from "next/link";
import { ArrowLeft } from "lucide-react";
export default function NewsLayout({ children }: { children: React.ReactNode }) {
export default function NewsDetailLayout({ children }: { children: React.ReactNode }) {
return (
<div className="max-w-4xl mx-auto p-4">
<Link href="/" className="text-blue-500 hover:underline mb-4 inline-block">
&larr; Back to News List
<Link
href="/news"
className="inline-flex items-center mb-4 text-sm font-medium text-black dark:text-white hover:underline"
>
<ArrowLeft className="w-4 h-4 mr-1" />
Back
</Link>
{children}
</div>

13
ui/app/news/layout.tsx
View file

@ -1,12 +1,5 @@
import { Metadata } from "next";
import React from "react";
export const metadata: Metadata = {
title: "News - Perplexica",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
return <div>{children}</div>;
};
export default Layout;
export default function NewsLayout({ children }: { children: React.ReactNode }) {
return <div className="max-w-4xl mx-auto p-4">{children}</div>;
}