m/cup
1
0
Fork 0
mirror of https://github.com/sergi0g/cup.git synced 2025-11-17 01:23:39 -05:00
Code Wiki Activity

Fixed CSS bugs, formatted code

Browse Source
This commit is contained in:
Sergio
2024-10-25 17:09:54 +03:00
parent 6d45409928
commit 8d70d7ae4d
12 changed files with 96 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/Loading.tsx
View File

@@ -8,22 +8,25 @@ export default function Loading({ onLoad }: { onLoad: (data: Data) => void }) {
process.env.NODE_ENV === "production"
? "/api/v1/full"
: `http://${window.location.hostname}:8000/api/v1/full`,
).then((response) => response.json().then((data) => {onLoad(data as Data)}));
).then((response) =>
response.json().then((data) => {
onLoad(data as Data);
}),
);
return (
<div
className={`flex justify-center min-h-screen bg-${theme}-50 dark:bg-${theme}-950`}
className={`flex min-h-screen justify-center bg-${theme}-50 dark:bg-${theme}-950`}
>
<div className="lg:px-8 sm:px-6 px-4 max-w-[80rem] mx-auto h-full w-full absolute overflow-hidden">
<div className="flex flex-col max-w-[48rem] mx-auto h-full my-8">
<div className="absolute mx-auto h-full w-full max-w-[80rem] overflow-hidden px-4 sm:px-6 lg:px-8">
<div className="mx-auto my-8 flex h-full max-w-[48rem] flex-col">
<div className="flex items-center gap-1">
<h1 className="text-5xl lg:text-6xl font-bold dark:text-white">
<h1 className="text-5xl font-bold lg:text-6xl dark:text-white">
Cup
</h1>
<Logo />
</div>
<div
className={`h-full flex justify-center
items-center gap-1 text-${theme}-500 dark:text-${theme}-400`}
className={`flex h-full items-center justify-center gap-1 text-${theme}-500 dark:text-${theme}-400`}
>
Loading <IconLoader2 className="animate-spin" />
</div>