Added a better handling of text and descriptions of the buttons with different sizes

2023-04-10 00:29:06 +02:00
parent 067f5e711d
commit c5ba72229f
2 changed files with 17 additions and 2 deletions
@@ -124,9 +124,23 @@ const Element = ({
 				alignItems: "center",
 			}}
 		>
-			<Box>
+			<Box style={{
+				flexGrow: 1,
+			}}>
 				{icon}
-				<Text>{title}</Text>
+				<Column>
+				<Text isTruncated maxW={"95%"} >{title}</Text>
+				{description && (
+					<Text isTruncated maxW={"90%"}
+						style={{
+							opacity: 0.6,
+							fontSize: 12,
+						}}
+					>
+						{description}
+					</Text>
+				)}
+				</Column>
 			</Box>
 			<Box>
 				<Row