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

Redesign UI a bit

Browse Source
This commit is contained in:
Sergio
2025-02-15 14:38:58 +02:00
parent 5656003058
commit 925989fd80
10 changed files with 157 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/App.tsx
View File

@@ -27,18 +27,18 @@ function App() {
if (!data) return <Loading onLoad={setData} />;
return (
<div
className={`flex min-h-screen justify-center bg-${theme}-50 dark:bg-${theme}-950`}
className={`flex min-h-screen justify-center bg-white dark:bg-${theme}-900`}
>
<div className="mx-auto h-full w-full max-w-[80rem] 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 font-bold lg:text-6xl dark:text-white">
<h1 className="text-5xl font-bold tracking-tight lg:text-6xl dark:text-white">
Cup
</h1>
<Logo />
</div>
<div
className={`bg-white shadow-sm dark:bg-${theme}-900 my-8 rounded-md`}
className={`border shadow-sm border-${theme}-200 dark:border-${theme}-800 my-8 rounded-md`}
>
<dl className="grid grid-cols-2 gap-1 overflow-hidden *:relative lg:grid-cols-4">
{Object.entries(data.metrics)
@@ -55,7 +55,7 @@ function App() {
</dl>
</div>
<div
className={`bg-white shadow-sm dark:bg-${theme}-900 my-8 rounded-md`}
className={`border shadow-sm border-${theme}-200 dark:border-${theme}-800 my-8 rounded-md`}
>
<div
className={`flex items-center justify-between px-6 py-4 text-${theme}-500`}