Merge pull request #35 from snurfer0/fix/styles

Fix/styles
snurfer0 · Dec 11, 2023 · 5b44e4b · 5b44e4b
2 parents 7678a43 + 7494ecd
commit 5b44e4b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -22,10 +22,10 @@ export default function RootLayout({
       <Head>
         <link rel="shortcut icon" href="/favicon.ico" />
       </Head>
-      <body className="bg-base-200">
+      <body className="bg-base-200 min-h-full">
         <Providers>
           <NavBar navLinks={NAV_LINKS} />
-          {children}
+          <div className="min-h-full">{children}</div>
           <Toaster />
           <Footer />
         </Providers>

diff --git a/src/components/molecules/theme.controller.tsx b/src/components/molecules/theme.controller.tsx
@@ -11,7 +11,7 @@ const ThemeController: React.FC = () => {
 
   return (
     <label className="swap swap-rotate">
-      <input value="pastel" type="checkbox" className="theme-controller" />
+      <input value="winter" type="checkbox" className="theme-controller" />
       <FiSun className="swap-on w-6 h-6" />
       <FiMoon className="swap-off w-6 h-6" />
     </label>

diff --git a/src/components/templates/home.template.tsx b/src/components/templates/home.template.tsx
@@ -1,10 +1,10 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import React from 'react';
+import { FiArrowRightCircle } from 'react-icons/fi';
 import IntroImage from 'public/svg/intro.svg';
 import { ButtonVariant } from 'src/enums/button.variant.enum';
 import { Button } from '../atoms';
-
 const HomeTemplate: React.FC = () => {
   return (
     <div className="hero min-h-screen">
@@ -29,12 +29,14 @@ const HomeTemplate: React.FC = () => {
             campaign in moments. Simple to support and easy to manage.
           </p>
           <div className="mt-5 mb-10 md:mb-0">
-            <Link href="/start">
-              <Button variant={ButtonVariant.Primary}>Start Fundraising</Button>
-            </Link>
             <Link href="/fundraisers" className="ml-2">
               <Button variant={ButtonVariant.Primary}>Our Fundraisers</Button>
             </Link>
+            <Link href="/start">
+              <Button variant={ButtonVariant.Primary} className="ml-2">
+                Start Fundraising <FiArrowRightCircle size={23} />
+              </Button>
+            </Link>
           </div>
         </div>
       </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -5,7 +5,7 @@ module.exports = {
     "./src/components/**/*.{js,ts,jsx,tsx}",
   ],
   daisyui: {
-    themes: ["pastel", "dark"],
+    themes: ["winter", "dark"],
     darkTheme: "dark", // name of one of the included themes for dark mode
     base: true, // applies background color and foreground color for root element by default
     styled: true, // include daisyUI colors and design decisions for all components