fix: fix dropdown buttons z-index (#1431)

Closes #1430, Closes #1422
This commit is contained in:
Thaïs
2023-09-04 16:51:12 +02:00
committed by GitHub
parent 96a0f30e98
commit 8e22ffd021
7 changed files with 40 additions and 22 deletions

View File

@ -1,7 +1,7 @@
import { ReactNode } from 'react';
import type { ComponentProps, ReactNode } from 'react';
import styled from '@emotion/styled';
type OwnProps = {
type OwnProps = ComponentProps<'div'> & {
leftComponent?: ReactNode;
rightComponent?: ReactNode;
bottomComponent?: ReactNode;
@ -43,9 +43,10 @@ export function TopBar({
rightComponent,
bottomComponent,
displayBottomBorder = true,
...props
}: OwnProps) {
return (
<StyledContainer>
<StyledContainer {...props}>
<StyledTopBar displayBottomBorder={displayBottomBorder}>
<StyledLeftSection>{leftComponent}</StyledLeftSection>
<StyledRightSection>{rightComponent}</StyledRightSection>