Skip to content

Commit

Permalink
moved DeleteOrResetModal styles to use CSS modules
Browse files Browse the repository at this point in the history
pranavgoel29 committed Nov 28, 2024
1 parent ccb9d13 commit 7566323
Showing 2 changed files with 35 additions and 13 deletions.
10 changes: 5 additions & 5 deletions src/components/Misc/DeleteOrResetModal.tsx
Original file line number Diff line number Diff line change
@@ -81,11 +81,11 @@ const DeleteOrResetModal = ({
onClose={closeModal}
size="auto"
centered
styles={{
body: { padding: '0 1rem 1rem 1rem', width: 400 },
header: { padding: '1rem', paddingBottom: '0.4rem' },
classNames={{
body: classes.modalBody,
header: classes.modalHeader,
}}
title={<Text style={{ fontSize: '0.9rem', fontWeight: 600 }}>{header}</Text>}>
title={<Text className={classes.headerText}>{header}</Text>}>
<Stack>
<Stack gap={8}>
{specialContent}
@@ -107,7 +107,7 @@ const DeleteOrResetModal = ({
</Stack>

{/* Action buttons */}
<Stack style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'flex-end' }}>
<Stack className={classes.actionButtonsContainer}>
<Box>
<Button variant="outline" onClick={closeModal}>
Cancel
38 changes: 30 additions & 8 deletions src/components/Misc/styles/DeleteOrResetModal.module.css
Original file line number Diff line number Diff line change
@@ -1,15 +1,37 @@
.modalBody {
padding: 0 1rem 1rem 1rem;
width: 400px;
}

.modalHeader {
padding: 1rem;
padding-bottom: 0.4rem;
}

.headerText {
font-size: 0.9rem;
font-weight: 600;
}

.warningText {
margin-top: 0.4rem;
font-size: 0.7rem;
font-weight: 500;
color: var(--mantine-color-gray-8);
margin-top: 0.4rem;
font-size: 0.7rem;
font-weight: 500;
color: var(--mantine-color-gray-8);
}

.confirmationText {
font-size: 0.7rem;
color: var(--mantine-color-gray-7);
font-size: 0.7rem;
color: var(--mantine-color-gray-7);
}

.confirmationTextHighlight {
font-weight: 500;
}
font-weight: 500;
}

.actionButtonsContainer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}

0 comments on commit 7566323

Please sign in to comment.