Merge pull request #3 from snurfer0/fix/loading

Fix/loading

src/components/molecules/github.button.tsx

@@ -9,7 +9,7 @@ const GithubButton = () => {
  target="_blank"
  rel="noopener noreferrer"
  href={PackageJson.repository}
- style={{ position: 'fixed', bottom: '40px', right: '40px' }}
+ className="fixed bottom-10 right-10 w-8 h-8"
  >
  <GitHub />
  </Link>

src/components/molecules/theme.controller.tsx

@@ -12,8 +12,8 @@ const ThemeController: React.FC = () => {
  return (
  <label className="swap swap-rotate fixed bottom-10 left-10">
  <input value="pastel" type="checkbox" className="theme-controller" />
- <Sun className="swap-on fill-current w-10 h-10" />
- <Moon className="swap-off fill-current w-10 h-10" />
+ <Sun className="swap-on w-8 h-8" />
+ <Moon className="swap-off w-8 h-8" />
  </label>
  );
 };

src/components/organisms/navbar.tsx

@@ -31,7 +31,7 @@ const NavBar: React.FC<Props> = ({ navLinks }) => {
  <div className="navbar-center hidden lg:flex">
  <ul className="menu menu-horizontal px-1">
  {navLinks.map(({ label, pathname }, index) => (
- <li key={index}>
+ <li key={index} className="ml-2">
  <Link href={pathname}>{label}</Link>
  </li>
  ))}

src/components/templates/home.template.tsx

@@ -30,16 +30,14 @@ const HomeTemplate: React.FC = () => {
  </strong>{' '}
  today and join a community dedicated to making a difference.
  </div>
- <div className="mt-5 mb-10 md:mb-0">
+ <div className="mt-5 mb-10 md:mb-0 xs:flex xs:justify-center">
  <Link href="/start">
- <Button variant={ButtonVariant.Secondary}>
+ <Button variant={ButtonVariant.Primary}>
  Start Fundraising
  </Button>
  </Link>
  <Link href="/fundraisers" className="ml-2">
- <Button variant={ButtonVariant.Secondary}>
- Our Fundraisers
- </Button>
+ <Button variant={ButtonVariant.Primary}>Our Fundraisers</Button>
  </Link>
  </div>
  </div>

tailwind.config.js

@@ -5,8 +5,8 @@ module.exports = {
  "./src/components/**/*.{js,ts,jsx,tsx}",
  ],
  daisyui: {
- themes: ["light", "dark"],
- darkTheme: "dark", // name of one of the included themes for dark mode
+ themes: ["pastel", "forest"],
+ darkTheme: "forest", // 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
  utils: true, // adds responsive and modifier utility classes