style: Style adjustments, headings, search result etc. #20

Merged
timharek merged 14 commits from style-layout-changes into main 2024-04-02 19:14:06 +00:00
3 changed files with 12 additions and 3 deletions
Showing only changes of commit 222dd6468a - Show all commits

View File

@ -3,7 +3,7 @@ import config from "../deno.json" with { type: "json" };
export default function Footer() { export default function Footer() {
return ( return (
<div className="mt-4 border-t-2 pt-4"> <div className="mt-4 border-t-2 pt-4">
<a class="text-blue-500 hover:underline" href={config.source}>Kildekode</a> <a class="text-blue-600 hover:underline" href={config.source}>Kildekode</a>
</div> </div>
); );
} }

View File

@ -13,7 +13,7 @@ export default function App({ Component }: PageProps) {
<title>NRSS</title> <title>NRSS</title>
</head> </head>
<body> <body class="bg-slate-50">
<Component /> <Component />
</body> </body>
</html> </html>

View File

@ -32,7 +32,16 @@ export default function Home({ data }: PageProps<HandlerData>) {
<> <>
<Head> <Head>
<title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title> <title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
<style dangerouslySetInnerHTML={{ __html: CSS }} /> <style
dangerouslySetInnerHTML={{
__html: `
${CSS}
.markdown-body {
background-color: rgb(248 250 252);
}
`,
}}
/>
</Head> </Head>
<div className="p-4 mx-auto max-w-screen-md"> <div className="p-4 mx-auto max-w-screen-md">
<Header /> <Header />