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 +4 -4
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b20a2a1292 - Show all commits

4
components/SeriesCard.tsx
View File

@ -5,9 +5,9 @@ export default function SeriesCard(props: { serie: SearchResult; origin: string
const feedUrl = new URL(`/api/feeds/${props.serie.seriesId}`, props.origin);
const image = props.serie.images[0];
return (
<div className="border-2 my-2 p-2">
<div className="border-2 border-blue-800 p-4 rounded-lg bg-blue-400">
<div className="mx-auto h-full w-full space-y-2">
<h2 className="text-xl">{props.serie.title}</h2>
<h2 className="text-xl font-semibold">{props.serie.title}</h2>
<p className="text-md">{props.serie.description}</p>
<img src={image.uri} width={image.width} alt="" />
<code className="font-mono bg-black text-white select-all p-2">{feedUrl.toString()}</code>

4
routes/index.tsx
View File

@ -28,7 +28,7 @@ export default function Home({ data }: PageProps<HandlerData>) {
<Head>
<title>{data.query ? `Søk: ${data.query} - ` : ""}NRSS</title>
</Head>
<div className="p-4 mx-auto max-w-screen-md bg-blue-400">
<div className="p-4 mx-auto max-w-screen-md">
<div className="text-center">
<h1 className="text-2xl lg:text-3xl font-semibold">
<a href="/">📻 NRSS</a>
@ -38,7 +38,7 @@ export default function Home({ data }: PageProps<HandlerData>) {
<Search defaultValue={data.query} />
{data.result
? (
<div className="w-full mx-auto my-4">
<div className="w-full mx-auto my-4 space-y-4">
{data.result.map((result) => (
<SeriesCard
serie={result}