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

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

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