deepak/gog_frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactors style a bit and updates snaps
All checks were successful
gitea-deepak/gog_frontend/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
Deepak Mallubhotla
2021-02-01 14:43:25 -06:00
parent e5e123670c
commit 021cfe24f2
6 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Login.jsx
View File

@@ -13,7 +13,7 @@ export default function Login({ login }) {
return ( return (
<div className="login-wrapper"> <div className="login-wrapper">
<h1>Please Log In</h1> <h2>Please Log In</h2>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<label> <label>
<p>Username</p> <p>Username</p>

2
src/components/Register.jsx
View File

@@ -14,7 +14,7 @@ export default function Register({ register }) {
return ( return (
<div className="register-wrapper"> <div className="register-wrapper">
<h1>Enter your data to register.</h1> <h2>Enter your data to register.</h2>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<label> <label>
<p>Username</p> <p>Username</p>

29
src/components/UnauthenticatedApp.scss
View File

@@ -1,13 +1,28 @@
@use '../common_styles/colours'; @use '../common_styles/colours';
@use '../common_styles/typography'; @use '../common_styles/typography';
.unauthenticated-app button { .unauthenticated-app {
background-color: colours.$accent-color; button {
border: 0; background-color: colours.$accent-color;
color: colours.$inverted-text-color; border: 0;
font: typography.$stack; color: colours.$inverted-text-color;
margin: 10px; font: typography.$stack;
padding: 10px 15px; margin: 10px;
padding: 10px 15px;
}
.register-wrapper,
.login-wrapper {
padding: 1em;
margin: 1em;
label {
display: block;
margin: 1em auto;
}
input {
margin-top: 0;
margin-bottom: 1rem;
}
}
} }
.unauthenticated-app .choose-register { .unauthenticated-app .choose-register {

4
src/components/__snapshots__/Login-snapshot.test.jsx.snap
View File

@@ -4,9 +4,9 @@ exports[`Login Snapshot 1`] = `
<div <div
className="login-wrapper" className="login-wrapper"
> >
<h1> <h2>
Please Log In Please Log In
</h1> </h2>
<form <form
onSubmit={[Function]} onSubmit={[Function]}
> >

4
src/components/__snapshots__/Register-snapshot.test.jsx.snap
View File

@@ -4,9 +4,9 @@ exports[`Register Snapshot 1`] = `
<div <div
className="register-wrapper" className="register-wrapper"
> >
<h1> <h2>
Enter your data to register. Enter your data to register.
</h1> </h2>
<form <form
onSubmit={[Function]} onSubmit={[Function]}
> >

4
src/components/__snapshots__/UnauthenticatedApp-snapshot.test.jsx.snap
View File

@@ -25,9 +25,9 @@ exports[`UnauthenticatedApp Snapshot 1`] = `
<div <div
className="login-wrapper" className="login-wrapper"
> >
<h1> <h2>
Please Log In Please Log In
</h1> </h2>
<form <form
onSubmit={[Function]} onSubmit={[Function]}
> >