Gnarwhal/motto
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases 1 Packages Wiki Activity Actions

Import style as a style object

Browse source
This commit is contained in:
Gnarwhal 2024-09-16 20:02:13 +00:00
parent 13c9a7140c
commit f70248a1d5
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
1 changed files with 12 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/app/[...file]/page.tsx
View file

@ -2,18 +2,7 @@ import type { Metadata, ResolvingMetadata } from 'next';
import Image from 'next/image'; import Image from 'next/image';
import Content from './content'; import Content from './content';
import { import * as style from './page.css';
root,
center,
title_group,
title_text_group,
supertitle,
title,
download_button,
download_button_image,
download_text_section,
download_text,
} from './page.css';
import download_image from './download.png'; import download_image from './download.png';
type SearchParams = { [key: string]: string | string[] | undefined }; type SearchParams = { [key: string]: string | string[] | undefined };
@ -45,25 +34,25 @@ export default async function Page({
params, searchParams params, searchParams
}: Props) { }: Props) {
const path = get_path(params.file); const path = get_path(params.file);
const root_url = `https://${get_root(searchParams)}/`; const root = `https://${get_root(searchParams)}/`;
return ( return (
<div className={root}> <div className={style.root}>
<div className={center}> <div className={style.center}>
<div className={title_group}> <div className={style.title_group}>
<div className={title_text_group}> <div className={style.title_text_group}>
<p className={supertitle}>{root_url}</p> <p className={style.supertitle}>{root}</p>
<p className={title}>{path}</p> <p className={style.title}>{path}</p>
</div> </div>
<button className={download_button}> <button className={style.download_button}>
<Image <Image
className={download_button_image} className={style.download_button_image}
src={download_image} src={download_image}
alt="Download Button" alt="Download Button"
/> />
</button> </button>
</div> </div>
<Content src={`${root_url}${path}`} /> <Content src={`${root}${path}`} />
</div> </div>
</div> </div>
); );