TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 07:24:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

register success page

Browse Source
This commit is contained in:
Max Peintner
2023-04-27 17:07:57 +02:00
parent 3ca419bcf8
commit 8f958ec002
6 changed files with 65 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/login/ui/MobileNavToggle.tsx
View File

@@ -1,8 +1,8 @@
'use client';
"use client";
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/solid';
import clsx from 'clsx';
import React from 'react';
import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/solid";
import clsx from "clsx";
import React from "react";
const MobileNavContext = React.createContext<
[boolean, React.Dispatch<React.SetStateAction<boolean>>] | undefined
@@ -25,7 +25,7 @@ export function useMobileNavToggle() {
const context = React.useContext(MobileNavContext);
if (context === undefined) {
throw new Error(
'useMobileNavToggle must be used within a MobileNavContextProvider',
"useMobileNavToggle must be used within a MobileNavContextProvider"
);
}
return context;
@@ -41,19 +41,19 @@ export function MobileNavToggle({ children }: { children: React.ReactNode }) {
className="group absolute right-0 top-0 flex h-14 items-center space-x-2 px-4 lg:hidden"
onClick={() => setIsOpen(!isOpen)}
>
<div className="font-medium text-gray-100 group-hover:text-gray-400">
<div className="font-medium text-text-light-secondary-500 dark:text-text-dark-secondary-500 group-hover:text-text-light-500 dark:group-hover:text-text-dark-500">
Menu
</div>
{isOpen ? (
<XMarkIcon className="block w-6 text-gray-300" />
<XMarkIcon className="block w-6" />
) : (
<Bars3Icon className="block w-6 text-gray-300" />
<Bars3Icon className="block w-6" />
)}
</button>
<div
className={clsx('overflow-y-auto lg:static lg:block', {
'fixed inset-x-0 bottom-0 top-14 bg-gray-900': isOpen,
className={clsx("overflow-y-auto lg:static lg:block", {
"fixed inset-x-0 bottom-0 top-14 bg-gray-900": isOpen,
hidden: !isOpen,
})}
>