cleaner navigation

This commit is contained in:
Max Peintner
2023-05-24 14:49:07 +02:00
parent c064a334be
commit f0bd712859
4 changed files with 34 additions and 44 deletions

View File

@@ -2,6 +2,7 @@
import React, { useEffect, useState } from "react";
import { useTheme } from "next-themes";
import { MoonIcon, SunIcon } from "@heroicons/react/24/outline";
function Theme() {
const { resolvedTheme, setTheme } = useTheme();
@@ -28,7 +29,7 @@ function Theme() {
}`}
onClick={() => setTheme("dark")}
>
<i className="flex-shrink-0 text-xl rounded-full las la-moon"></i>
<MoonIcon className="h-4 w-4 flex-shrink-0 text-xl rounded-full" />
</button>
<button
className={`h-8 w-8 rounded-full flex flex-row items-center justify-center hover:opacity-100 transition-all ${
@@ -36,7 +37,7 @@ function Theme() {
}`}
onClick={() => setTheme("light")}
>
<i className="flex-shrink-0 text-xl rounded-full las la-sun"></i>
<SunIcon className="h-6 w-6 flex-shrink-0 text-xl rounded-full" />
</button>
</div>
);