mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
made better sidebar logout button
This commit is contained in:
parent
be061c966f
commit
27c87bea0a
8 changed files with 58 additions and 6 deletions
|
@ -1,4 +1,4 @@
|
|||
import React, { FC, ReactNode, useState } from 'react';
|
||||
import React, { FC, ReactNode, useEffect, useState } from 'react';
|
||||
|
||||
import { Placement } from '@popperjs/core';
|
||||
import classNames from 'classnames';
|
||||
|
@ -56,6 +56,10 @@ const MenuButton: FC<MenuButtonProps> = ({
|
|||
|
||||
const visible = activate === 'focus' ? focus.focused : hover.focused;
|
||||
|
||||
useEffect(() => {
|
||||
popper.update?.();
|
||||
}, [visible]);
|
||||
|
||||
return (
|
||||
<>
|
||||
<button
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
@import "src/styles/variables";
|
||||
|
||||
.stack {
|
||||
background: transparentize($content_bg, 0.1);
|
||||
background: transparentize($content_bg, 0.2);
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
width: auto;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue