dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

Updated Profile modal to show username text more clearly

Browse Source
This commit is contained in:
Karmaa
2025-03-15 02:21:22 -05:00
parent ab10bd0b47
commit 346d833f3d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modals/ProfileModal.jsx
+4 -2
View File
@@ -1,6 +1,6 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { CssVarsProvider } from '@mui/joy/styles'; import { CssVarsProvider } from '@mui/joy/styles';
import {Modal, Button, DialogTitle, DialogContent, ModalDialog, Stack } from '@mui/joy'; import { Modal, Button, DialogTitle, DialogContent, ModalDialog, Stack } from '@mui/joy';
import theme from '/src/theme'; import theme from '/src/theme';
const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, setIsProfileHidden }) => { const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, setIsProfileHidden }) => {
@@ -61,7 +61,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
Username: <br /> Username: <br />
{getUserName()} {getUserName()}
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent sx={{ width: "100%" }}>
<Stack spacing={2} sx={{ width: "100%", maxWidth: "100%", overflow: "hidden", mt: 1.5 }}> <Stack spacing={2} sx={{ width: "100%", maxWidth: "100%", overflow: "hidden", mt: 1.5 }}>
<Button <Button
onClick={handleDelete} onClick={handleDelete}
@@ -70,6 +70,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
'&:hover': { '&:hover': {
backgroundColor: theme.palette.general.disabled, backgroundColor: theme.palette.general.disabled,
}, },
width: "100%",
}} }}
> >
Delete User Delete User
@@ -81,6 +82,7 @@ const ProfileModal = ({ isHidden, getUser, handleDeleteUser, handleLogoutUser, s
'&:hover': { '&:hover': {
backgroundColor: theme.palette.general.disabled, backgroundColor: theme.palette.general.disabled,
}, },
width: "100%",
}} }}
> >
Logout Logout