mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-12 07:24:51 +00:00
cleaner navigation
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user