dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

REFACTOR: Update style of shortcut tooltips

Browse Source
This commit is contained in:
Chris-1010
2025-02-27 21:11:50 +00:00
parent 82e6074d23
commit 9f6a4a2d87
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Navigation/Navbar.tsx
View File

@@ -40,7 +40,7 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
const handleQuickSettings = () => {
setShowQuickSettings(!showQuickSettings);
setJustToggled(true);
setTimeout(() => setJustToggled(false), 750);
setTimeout(() => setJustToggled(false), 200);
};
// Keyboard shortcut to toggle sidebar
@@ -99,7 +99,7 @@ const Navbar: React.FC<NavbarProps> = ({ variant = "default" }) => {
>
<SettingsIcon className="h-[2vw] w-[2vw]" />
{!showQuickSettings && !justToggled && (
<small className="absolute flex items-center top-0 mr-4 right-0 h-full w-full my-auto group-hover:right-full opacity-0 group-hover:opacity-100 text-white transition-all delay-200">
<small className="absolute flex items-center top-0 mr-2 right-0 h-full w-fit text-nowrap font-bold my-auto group-hover:right-full opacity-0 group-hover:opacity-100 group-hover:bg-black/30 p-1 rounded-md text-white transition-all">
Press Q
</small>
)}