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() {
return (
<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>
);
}

View File

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

View File

@ -32,7 +32,16 @@ export default function Home({ data }: PageProps<HandlerData>) {
<>
<Head>
<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>
<div className="p-4 mx-auto max-w-screen-md">
<Header />