Skip to content

Commit 2eaf9ff

Browse files
committed
Fix styles for back button
1 parent 738fc20 commit 2eaf9ff

File tree

2 files changed

+11
-3
lines changed

2 files changed

+11
-3
lines changed

src/components/ContinueButton.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ type ContinueButtonProps = {
1212
export const ContinueButton = ({ onContinue, onBack, title, backTitle, isLoading }: ContinueButtonProps) => {
1313
const styles = useStyleConfig("Modal") as (typeof themeOverrides)["components"]["Modal"]["baseStyle"]
1414
return (
15-
<ModalFooter justifyContent={onBack && "space-between"}>
15+
<ModalFooter>
1616
{onBack && (
17-
<Button size="lg" w="21rem" sx={styles.backButton} onClick={onBack} isLoading={isLoading}>
17+
<Button size="md" sx={styles.backButton} onClick={onBack} isLoading={isLoading} variant="link">
1818
{backTitle}
1919
</Button>
2020
)}

src/theme.ts

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -312,8 +312,16 @@ export const themeOverrides = {
312312
fontSize: "lg",
313313
color: "textColor",
314314
},
315+
footer: {
316+
position: "relative",
317+
},
315318
closeModalButton: {},
316-
backButton: {},
319+
backButton: {
320+
position: "absolute",
321+
left: "2rem",
322+
top: "0",
323+
bottom: "0",
324+
},
317325
continueButton: {},
318326
},
319327
variants: {

0 commit comments

Comments
 (0)