style: modified backgrounds at app layout and ProposalView

1Hive · Dec 22, 2023 · 6c9dfc1 · 6c9dfc1
1 parent 52ff9c3
commit 6c9dfc1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -32,7 +32,7 @@ export default function RootLayout({
  lang="en"
  className={`${press.variable} ${chakra.variable} font-sans`}
  >
- <body className="min-h-screen font-chakra">
+ <body className="min-h-screen bg-white font-chakra">
  <Providers>{children}</Providers>
  </body>
  </html>

diff --git a/apps/web/components/ProposalView.tsx b/apps/web/components/ProposalView.tsx
@@ -24,7 +24,7 @@ const ProposalView = ({
 
  return (
  <div className="mx-auto flex min-h-screen max-w-7xl gap-3 px-4 sm:px-6 lg:px-8">
- <main className="flex flex-1 flex-col gap-6 rounded-xl border-2 border-black p-16">
+ <main className="flex flex-1 flex-col gap-6 rounded-xl border-2 border-black bg-base-100 p-16">
  {/* main content */}
  <span className="badge badge-secondary p-4">{type}</span>
 
@@ -73,8 +73,9 @@ const ProposalView = ({
  </div>
  </main>
 
- <aside className="sapce-y-4 sticky top-5 flex h-fit w-96 flex-col rounded-xl border-2 border-black px-[38px] py-6">
- <h4 className="border-b-2 border-dashed py-4 text-center text-xl">
+ {/* aside - supporters info address + amount */}
+ <aside className="sapce-y-4 sticky top-5 flex h-fit w-96 flex-col rounded-xl border-2 border-black bg-base-100 px-[38px] py-6">
+ <h4 className="border-b-2 border-dashed py-4 text-center text-xl font-semibold">
  Supporters
  </h4>
  <div className="mt-10 space-y-8">
@@ -84,7 +85,7 @@ const ProposalView = ({
  <span>{supporter.amount}</span>
  </div>
  ))}
- <div className="flex justify-between  py-6">
+ <div className="flex justify-between py-6">
  <span>Total</span>
  <span>{supportersTotalAmount ?? ""}</span>
  </div>