diff options
| author | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-07-02 21:05:28 +0200 |
|---|---|---|
| committer | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-07-02 21:05:28 +0200 |
| commit | a532690c625b4cc13215d3e8e999eac6e56df771 (patch) | |
| tree | 180df437fd9bd37b438682893a6aae6599be23d2 | |
| parent | LineGraph: Write title without plugins (diff) | |
| download | fs-tracer-frontend-a532690c625b4cc13215d3e8e999eac6e56df771.tar.gz fs-tracer-frontend-a532690c625b4cc13215d3e8e999eac6e56df771.tar.bz2 fs-tracer-frontend-a532690c625b4cc13215d3e8e999eac6e56df771.zip | |
Home: Style block components
| -rw-r--r-- | src/pages/Home.tsx | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 32edf5d..1bce297 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -45,7 +45,14 @@ export default function Home(props: any) { </div> </div> <div className="flex flex-row gap-7 flex-grow"> - <div className="w-1/2 block bg-white border border-gray-200 rounded-lg shadow"> + <div className="w-1/2 flex flex-col"> + <p className="text-center">Active hosts</p> + <div className="flex-grow block bg-white-500 border border-gray-200 rounded-lg shadow"> + <ol> + <li>Host 1</li> + <li>Host 2</li> + </ol> + </div> </div> <div className="w-1/2 ml-auto"> <LineGraph /> @@ -55,7 +62,14 @@ export default function Home(props: any) { <div className="w-1/2 mr-auto"> <LineGraph /> </div> - <div className="w-1/2 block bg-white-500 border border-gray-200 rounded-lg shadow"> + <div className="w-1/2 flex flex-col"> + <p className="text-center">Most edited files</p> + <div className="flex-grow block bg-white-500 border border-gray-200 rounded-lg shadow"> + <ol> + <li>File 1</li> + <li>File 2</li> + </ol> + </div> </div> </div> </div> |