style: Style adjustments, headings, search result etc. #20
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ export default function App({ Component }: PageProps) {
|
|||
|
||||
<title>NRSS</title>
|
||||
</head>
|
||||
<body>
|
||||
<body class="bg-slate-50">
|
||||
<Component />
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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 />
|
||||
|
|
|
|||
Loading…
Reference in New Issue