Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ const showShareInformationsModal = (
</Box>
)}
<Tooltip label={share.files[0].name} position="bottom" multiline maw={400}>
<Text size="sm" weight={500} align="center" sx={{ cursor: 'help' }}>
<Text size="sm" weight={500} align="center" sx={{ cursor: 'help', textAlign: 'center', width: '100%' }}>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

El prop align="center" en el componente Text de Mantine ya establece la propiedad CSS text-align: center. Por lo tanto, la adición de textAlign: 'center' dentro del prop sx es redundante. Para mantener el código limpio y evitar duplicaciones, te sugiero eliminar textAlign: 'center' del objeto sx.

Suggested change
<Text size="sm" weight={500} align="center" sx={{ cursor: 'help', textAlign: 'center', width: '100%' }}>
<Text size="sm" weight={500} align="center" sx={{ cursor: 'help', width: '100%' }}>

{truncateFileName(share.files[0].name, 45)}
</Text>
</Tooltip>
Expand Down