Floating inputs border radius fix (#9237)

closes #9230
This commit is contained in:
nitin
2024-12-26 14:18:23 +05:30
committed by GitHub
parent 1f789a8b95
commit 29d364fa7b
3 changed files with 15 additions and 4 deletions

View File

@ -1,14 +1,17 @@
import styled from '@emotion/styled';
// eslint-disable-next-line @nx/workspace-styled-components-prefixed-with-styled
export const OverlayContainer = styled.div`
export const OverlayContainer = styled.div<{
borderRadius?: 'sm' | 'md';
}>`
align-items: center;
display: flex;
backdrop-filter: ${({ theme }) => theme.blur.medium};
width: fit-content;
border-radius: ${({ theme }) => theme.border.radius.md};
border-radius: ${({ theme, borderRadius }) =>
theme.border.radius[borderRadius ?? 'md']};
background: ${({ theme }) => theme.background.transparent.primary};
border: 1px solid ${({ theme }) => theme.border.color.medium};