feat: style buttons vertically

This commit is contained in:
karishmas6
2024-08-21 22:22:16 +05:30
parent abf00d6181
commit 27207cf9f0

View File

@@ -234,23 +234,31 @@ export const BrowserWindow = () => {
return (
<div onClick={handleClick}>
{
getText === true || getList === true ? (
<GenericModal
isOpen={showAttributeModal}
onClose={() => { }}
canBeClosed={false}
>
<div>
<h2>Select Attribute</h2>
{attributeOptions.map((option) => (
<Button variant="outlined" size="medium" key={option.value} onClick={() => handleAttributeSelection(option.value)}>
{option.label}
</Button>
))}
</div>
</GenericModal>
) : null
}
getText === true || getList === true ? (
<GenericModal
isOpen={showAttributeModal}
onClose={() => { }}
canBeClosed={false}
>
<div>
<h2>Select Attribute</h2>
<div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
{attributeOptions.map((option) => (
<Button
variant="outlined"
size="medium"
key={option.value}
onClick={() => handleAttributeSelection(option.value)}
>
{option.label}
</Button>
))}
</div>
</div>
</GenericModal>
) : null
}
{((getText === true || getList === true) && !showAttributeModal && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?
<Highlighter
unmodifiedRect={highlighterData?.rect}