mirror of
https://github.com/h3poteto/whalebird-desktop
synced 2025-01-11 00:14:42 +01:00
Fix z-index
This commit is contained in:
parent
d9886ca7d5
commit
ec03b675c6
@ -151,6 +151,8 @@ export default function Layout({ children }: LayoutProps) {
|
||||
<Avatar
|
||||
alt={account.domain}
|
||||
src={account.avatar}
|
||||
title={`${account.username}@${account.domain}`}
|
||||
aria-label={`${account.username}@${account.domain}`}
|
||||
className="p-1"
|
||||
onClick={() => openAccount(account.id)}
|
||||
onContextMenu={() => openContextMenu(account.id)}
|
||||
@ -158,7 +160,13 @@ export default function Layout({ children }: LayoutProps) {
|
||||
</div>
|
||||
))}
|
||||
<div className="flex flex-col items-center">
|
||||
<IconButton variant="text" size="lg" onClick={() => setOpenNewModal(true)}>
|
||||
<IconButton
|
||||
variant="text"
|
||||
size="lg"
|
||||
onClick={() => setOpenNewModal(true)}
|
||||
title={formatMessage({ id: 'accounts.new.title' })}
|
||||
aria-label={formatMessage({ id: 'accounts.new.title' })}
|
||||
>
|
||||
<FaPlus className="text-gray-400 text-xl" />
|
||||
</IconButton>
|
||||
</div>
|
||||
@ -167,7 +175,12 @@ export default function Layout({ children }: LayoutProps) {
|
||||
<div className="settings text-gray-400 flex flex-col items-center mb-2">
|
||||
<Popover open={openPopover} handler={setOpenPopover}>
|
||||
<PopoverHandler>
|
||||
<IconButton variant="text" size="lg">
|
||||
<IconButton
|
||||
variant="text"
|
||||
size="lg"
|
||||
title={formatMessage({ id: 'settings.title' })}
|
||||
aria-label={formatMessage({ id: 'settings.title' })}
|
||||
>
|
||||
<FaGear className="text-gray-400 text-xl" />
|
||||
</IconButton>
|
||||
</PopoverHandler>
|
||||
|
@ -21,7 +21,7 @@ export default function Media(props: Props) {
|
||||
</Button>
|
||||
) : (
|
||||
<>
|
||||
<button className="absolute bg-gray-600 text-gray-200 top-1 left-1 p-1 rounded z-10" onClick={() => setSensitive(true)}>
|
||||
<button className="absolute bg-gray-600 text-gray-200 top-1 left-1 p-1 rounded" onClick={() => setSensitive(true)}>
|
||||
<FaEyeSlash />
|
||||
</button>
|
||||
<div className="mt-2 flex flex-wrap gap-2">
|
||||
|
Loading…
Reference in New Issue
Block a user