diff --git a/frontend/src/index.css b/frontend/src/index.css index 7b91d67..8e131fb 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -10,7 +10,7 @@ } .default-bg { - @apply fixed h-screen w-screen; + @apply fixed h-screen w-screen z-0; opacity: 0.10; filter: blur(8px); background-image: url('../public/pebbles.jpg'); diff --git a/frontend/src/routes/Home.js b/frontend/src/routes/Home.js index a1241bf..ba1cff7 100644 --- a/frontend/src/routes/Home.js +++ b/frontend/src/routes/Home.js @@ -1,17 +1,30 @@ import React from "react"; import { Link, Outlet } from "react-router-dom"; +import Button from '../components/Button'; +import {PlusIcon} from '@heroicons/react/solid'; const Home = () => { return (
-
+

Welcome, Jerry

-
-

Balance

-

1000 sats

+
+

Your Balance

+

1000 sats

+ +
+

Members

+ +

Your tribe has no members. Add one!

+ + + + +
+
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index e6cffd2..4711f2f 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -7,7 +7,8 @@ module.exports = { colors: { 'fam-orange': '#ff9500', 'fam-orange-inactive': '#A68659', - 'fam-bg-dark': '#3B474B' + 'fam-bg-dark': '#3B474B', + 'fam-teal': '#56737D' }, backgroundImage: { 'mountains': "url('../public/mountains.jpg')",