Skip to content

Commit

Permalink
Merge pull request #1285 from Shaikh-Mudassir/Mudass
Browse files Browse the repository at this point in the history
Added a gap between label and inputs #1270
ajhollid authored Dec 10, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
2 parents 97b565a + 9e9d561 commit 0a72be7
Showing 3 changed files with 18 additions and 11 deletions.
9 changes: 6 additions & 3 deletions Client/src/Components/TabPanels/Account/PasswordPanel.jsx
Original file line number Diff line number Diff line change
@@ -28,6 +28,9 @@ const PasswordPanel = () => {
const theme = useTheme();
const dispatch = useDispatch();


const SPACING_GAP = theme.spacing(12);

//redux state
const { authToken, isLoading } = useSelector((state) => state.auth);

@@ -139,7 +142,7 @@ const PasswordPanel = () => {
direction="row"
justifyContent={"flex-start"}
alignItems={"center"}
gap={theme.spacing(8)}
gap={SPACING_GAP}
flexWrap={"wrap"}
>
<Typography
@@ -164,7 +167,7 @@ const PasswordPanel = () => {
<Stack
direction="row"
alignItems={"center"}
gap={theme.spacing(8)}
gap={SPACING_GAP}
flexWrap={"wrap"}
>
<Typography
@@ -190,7 +193,7 @@ const PasswordPanel = () => {
<Stack
direction="row"
alignItems={"center"}
gap={theme.spacing(8)}
gap={SPACING_GAP}
flexWrap={"wrap"}
>
<Typography
12 changes: 7 additions & 5 deletions Client/src/Components/TabPanels/Account/ProfilePanel.jsx
Original file line number Diff line number Diff line change
@@ -29,6 +29,8 @@ import Dialog from "../../Dialog";
const ProfilePanel = () => {
const theme = useTheme();
const dispatch = useDispatch();

const SPACING_GAP = theme.spacing(12);

//redux state
const { user, authToken, isLoading } = useSelector((state) => state.auth);
@@ -223,9 +225,9 @@ const ProfilePanel = () => {
className="edit-profile-form"
noValidate
spellCheck="false"
gap={theme.spacing(20)}
gap={SPACING_GAP}
>
<Stack direction="row">
<Stack direction="row" gap={SPACING_GAP}>
<Box flex={0.9}>
<Typography component="h1">First name</Typography>
</Box>
@@ -240,7 +242,7 @@ const ProfilePanel = () => {
flex={1}
/>
</Stack>
<Stack direction="row">
<Stack direction="row" gap={SPACING_GAP}>
<Box flex={0.9}>
<Typography component="h1">Last name</Typography>
</Box>
@@ -255,7 +257,7 @@ const ProfilePanel = () => {
flex={1}
/>
</Stack>
<Stack direction="row">
<Stack direction="row" gap={SPACING_GAP}>
<Stack flex={0.9}>
<Typography component="h1">Email</Typography>
<Typography
@@ -275,7 +277,7 @@ const ProfilePanel = () => {
flex={1}
/>
</Stack>
<Stack direction="row">
<Stack direction="row" gap={SPACING_GAP}>
<Stack flex={0.9}>
<Typography component="h1">Your photo</Typography>
<Typography
8 changes: 5 additions & 3 deletions Client/src/Components/TabPanels/Account/TeamPanel.jsx
Original file line number Diff line number Diff line change
@@ -30,6 +30,8 @@ const TeamPanel = () => {

const theme = useTheme();

const SPACING_GAP = theme.spacing(12);

const { authToken, user } = useSelector((state) => state.auth);
//TODO
// const [orgStates, setOrgStates] = useState({
@@ -228,7 +230,7 @@ const TeamPanel = () => {
{/* <Stack component="form">
<Box sx={{ alignSelf: "flex-start" }}>
<Typography component="h1">Organization name</Typography>
</Box>
</Box>
<Stack
direction="row"
justifyContent="flex-end"
@@ -275,7 +277,7 @@ const TeamPanel = () => {
component="form"
noValidate
spellCheck="false"
gap={theme.spacing(12)}
gap={SPACING_GAP}
>
<Typography component="h1">Team members</Typography>
<Stack
@@ -339,7 +341,7 @@ const TeamPanel = () => {
theme={theme}
>
<TextInput
marginBottom={theme.spacing(12)}
marginBottom={SPACING_GAP}
type="email"
id="input-team-member"
placeholder="Email"

0 comments on commit 0a72be7

Please sign in to comment.