Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Overflow gets cancelled on login | BUG #184

Merged
merged 10 commits into from
Nov 26, 2023
Merged

Overflow gets cancelled on login | BUG #184

Show file tree
Hide file tree
Changes from 8 commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
bff7367
init
achandrabalan Oct 20, 2023
b871717
fixing root cause
achandrabalan Oct 22, 2023
9914726
clean up
achandrabalan Oct 22, 2023
47cf123
remove unused props
achandrabalan Oct 22, 2023
d95a69a
fixing overflow issues
achandrabalan Oct 27, 2023
54d094a
merge conflicts
achandrabalan Nov 5, 2023
25601d8
removing absolute position abuse
achandrabalan Nov 5, 2023
b836494
login page width adjustment
achandrabalan Nov 9, 2023
4b80b30
consistency changes
achandrabalan Nov 16, 2023
79d6559
fixed merge conflicts
achandrabalan Nov 26, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
122 changes: 0 additions & 122 deletions frontend/src/components/auth/Signup.tsx
View file
Open in desktop

This file was deleted.

8 changes: 3 additions & 5 deletions frontend/src/components/forms/Login.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -108,18 +108,16 @@ const Login = ({
}

if (toggle) {
// Lock scroll
document.body.style.overflow = "hidden";
return (
<Flex h="100vh">
<Flex>
<Box w="47%">
<Flex
marginTop="270px"
height="100vh"
display="flex"
align="center"
justify="center"
>
<Flex width="76%" align="flex-start" direction="column" gap="28px">
<Flex width="80%" align="flex-start" direction="column" gap="28px">
<Text variant="login" paddingBottom="12px">
Log In
</Text>
Expand Down
68 changes: 27 additions & 41 deletions frontend/src/components/forms/Signup.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,72 +72,59 @@ const Signup = ({
return <Redirect to={HOME_PAGE} />;
}

if (toggle) {
if (toggle) {
return (
<Flex h="100vh">
<Box w="47%">
<Flex
display="flex"
alignItems="flex-start"
position="absolute"
top="17.5%"
left="6%"
w="100%"
>
<Text variant="login" position="absolute">
Sign Up
</Text>
</Flex>
<Flex
h="40%"
w="36%"
top="28%"
left="6%"
h="70%"
marginTop="15%"
direction="column"
position="absolute"
justify="center"
justifyContent="space-between"
align="center"
>
achandrabalan marked this conversation as resolved.
Show resolved Hide resolved
<Box>
<Box mr="58%">
achandrabalan marked this conversation as resolved.
Show resolved Hide resolved
<Text variant="login">
Sign Up
</Text>
</Box>
<Box w="80%">
<Input
variant="login"
position="absolute"
placeholder="Your first name"
value={firstName}
onChange={(event) => setFirstName(event.target.value)}
/>
</Box>
<Box>
<Box w="80%">
<Input
variant="login"
position="absolute"
placeholder="Your last name"
value={lastName}
onChange={(event) => setLastName(event.target.value)}
/>
</Box>
<Box>
<Box w="80%">
<Input
variant="login"
position="absolute"
placeholder="Your email"
value={email}
onChange={(event) => setEmail(event.target.value)}
/>
</Box>
<Box>
<Box w="80%">
<Input
variant="login"
type="password"
position="absolute"
placeholder="Your password"
value={password}
onChange={(event) => setPassword(event.target.value)}
/>
</Box>
<Box>
<Box w="80%">
<Button
variant="login"
position="absolute"
disabled={
email === "" ||
password === "" ||
Expand All @@ -158,21 +145,20 @@ const Signup = ({
Create Account
</Button>
</Box>
</Flex>
<Flex
top="80%"
left="6%"
width="100%"

<Flex
width="80%"
direction="row"
position="absolute"
alignContent="center"
>
<Text variant="loginSecondary" paddingRight="1.1%">
Already have an account?
</Text>
<Text variant="loginTertiary" onClick={onLogInClick}>
Log In Now
</Text>
marginTop="3%"
>
achandrabalan marked this conversation as resolved.
Show resolved Hide resolved
<Text variant="loginSecondary" paddingRight="1.1vw">
Already have an account?
</Text>
<Text variant="loginTertiary" onClick={onLogInClick}>
Log In Now
</Text>
</Flex>
</Flex>
</Box>
<Box flex="1" bg="teal.400">
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/theme/forms/inputStyles.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ const Input: ComponentStyleConfig = {
border: "1px solid",
borderColor: "gray.100",
borderRadius: "4px",
height: "7vh",
height: "8vh",
fontWeight: "400",
fontSize: "22px",
fontFamily: "DM Sans",
Expand Down
Loading