fix: a11y issues

Also made bg slate for easier reading

Signed-off-by: Tim Hårek Andreassen <tim@harek.no>
This commit is contained in:
Tim Hårek Andreassen 2024-03-30 16:21:45 +01:00
parent 4fd1e54946
commit 222dd6468a
No known key found for this signature in database
GPG Key ID: E59C7734F0E10EB5
3 changed files with 12 additions and 3 deletions

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 />