Updated Profile modal to show username text more clearly

2025-03-15 02:19:30 -05:00
parent 4646bf3040
commit ab10bd0b47
1 changed files with 12 additions and 1 deletions
--- a/src/modals/ProfileModal.jsx
+++ b/src/modals/ProfileModal.jsx
@@ -47,7 +47,18 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
                        gap: 1,
                    }}
                >
-                    <DialogTitle sx={{ marginBottom: 1.5 }}>
+                    <DialogTitle
+                        sx={{
+                            marginBottom: 1.5,
+                            backgroundColor: theme.palette.general.primary,
+                            color: theme.palette.text.primary,
+                            padding: 1,
+                            borderRadius: 10,
+                            width: "100%",
+                            textAlign: "center",
+                        }}
+                    >
+                        Username: <br />
                        {getUserName()}
                    </DialogTitle>
                    <DialogContent>