editor: fix toolbar dropdown buttons size on mobile

This commit is contained in:
ammarahm-ed
2023-04-26 10:08:20 +05:00
committed by Abdullah Atta
parent 4875cfa108
commit 69bb0e3656

View File

@@ -64,6 +64,7 @@ export function Dropdown(props: DropdownProps) {
m: 0,
bg: isPopupOpen ? "hover" : "transparent",
mr: 1,
flexShrink: 0,
display: "flex",
alignItems: "center",
":hover": { bg: "hover" },
@@ -75,7 +76,9 @@ export function Dropdown(props: DropdownProps) {
onMouseDown={(e) => e.preventDefault()}
>
{typeof selectedItem === "string" ? (
<Text sx={{ fontSize: "subBody", mr: 1, color: "text" }}>
<Text
sx={{ fontSize: "subBody", mr: 1, color: "text", flexShrink: 0 }}
>
{selectedItem}
</Text>
) : (