1
0
Fork 0
mirror of https://github.com/morpheus65535/bazarr synced 2025-02-22 14:00:52 +00:00

Fix popover width in the manual search modal

This commit is contained in:
LASER-Yi 2022-09-27 22:03:30 +08:00
parent 571f9a195c
commit e8d3b6f0dd

View file

@ -237,7 +237,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({
const { ref, hovered } = useHover();
return (
<Popover opened={hovered} position="top">
<Popover opened={hovered} position="top" width={360} withArrow>
<Popover.Target>
<Text color={hasIssues ? "yellow" : "green"} ref={ref}>
<FontAwesomeIcon
@ -246,8 +246,8 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({
</Text>
</Popover.Target>
<Popover.Dropdown>
<Group align="flex-start" spacing="xl">
<Stack align="flex-start" spacing="xs">
<Group position="left" spacing="xl" noWrap grow>
<Stack align="flex-start" justify="flex-start" spacing="xs" mb="auto">
<Text color="green">
<FontAwesomeIcon icon={faCheck}></FontAwesomeIcon>
</Text>
@ -257,7 +257,7 @@ const StateIcon: FunctionComponent<{ matches: string[]; dont: string[] }> = ({
))}
</List>
</Stack>
<Stack align="flex-start" spacing="xs">
<Stack align="flex-start" justify="flex-start" spacing="xs" mb="auto">
<Text color="yellow">
<FontAwesomeIcon icon={faTimes}></FontAwesomeIcon>
</Text>