mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-05-05 16:09:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1285 from Shaikh-Mudassir/Mudass

Browse Source 
Added a gap between label and inputs #1270
This commit is contained in:
Alexander Holliday
2024-12-09 16:01:47 -08:00
committed by GitHub
parent 97b565a6ad 9e9d561ea0
commit 0a72be7965
3 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Client/src/Components/TabPanels/Account/PasswordPanel.jsx
+6 -3
View File
@@ -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
Client/src/Components/TabPanels/Account/ProfilePanel.jsx
+7 -5
View File
@@ -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
Client/src/Components/TabPanels/Account/TeamPanel.jsx
+5 -3
View File
@@ -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"