olaven
/
nrss
1
0
Fork 0
Code Issues 6 Pull Requests Packages Projects Releases Wiki Activity

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
Conversation 1 Commits 14 Files Changed 11 +12 -6
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e6b299a756 - Show all commits

10
components/Header.tsx Normal file
View File

@ -0,0 +1,10 @@
export default function Header() {
return (
<div className="text-center">
<h1 className="text-2xl lg:text-3xl font-semibold">
<a href="/">📻 NRSS</a>
</h1>
<h2 className="lg:text-xl">NRK-podcast som RSS</h2>
</div>
);
}

8
routes/index.tsx
View File

@ -1,5 +1,6 @@
import { Head } from "$fresh/runtime.ts"; import { Head } from "$fresh/runtime.ts";
import { Handlers, PageProps } from "$fresh/server.ts"; import { Handlers, PageProps } from "$fresh/server.ts";
import Header from "../components/Header.tsx";
import Search from "../components/Search.tsx"; import Search from "../components/Search.tsx";
import SeriesCard from "../components/SeriesCard.tsx"; import SeriesCard from "../components/SeriesCard.tsx";
import { nrkRadio, SearchResultList } from "../lib/nrk.ts"; import { nrkRadio, SearchResultList } from "../lib/nrk.ts";
@ -29,12 +30,7 @@ export default function Home({ data }: PageProps<HandlerData>) {
<title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title> <title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
</Head> </Head>
<div className="p-4 mx-auto max-w-screen-md"> <div className="p-4 mx-auto max-w-screen-md">
<div className="text-center"> <Header />
<h1 className="text-2xl lg:text-3xl font-semibold">
<a href="/">📻 NRSS</a>
</h1>
<h2 className="lg:text-xl">NRK-podcast som RSS</h2>
</div>
<Search defaultValue={data.query} /> <Search defaultValue={data.query} />
{data.result {data.result
? ( ? (