Fakultas Ilmu Komputer UI

Commit 9826efa8 authored by Jonathan Chandra's avatar Jonathan Chandra
Browse files

fix styling on LoginForm

parent 407f2685
...@@ -23,7 +23,7 @@ export default function LoginForm(props) { ...@@ -23,7 +23,7 @@ export default function LoginForm(props) {
const handleGoogleLoginFailed = () => {}; const handleGoogleLoginFailed = () => {};
return ( return (
<div className="loginFormContainer"> <div className="loginFormComponentContainer">
<h1> <h1>
<b>Login to discuss anything on Diskuy</b> <b>Login to discuss anything on Diskuy</b>
</h1> </h1>
......
.loginformComponentContainer { .loginFormComponentContainer {
margin-top: 36px; margin-top: 36px;
margin-left: 72px; margin-left: 72px;
margin-right: 72px; margin-right: 72px;
...@@ -11,20 +11,20 @@ ...@@ -11,20 +11,20 @@
margin-bottom: 72px; margin-bottom: 72px;
} }
.loginformComponentContainer h1{ .loginFormComponentContainer h1{
margin-bottom: 40px; margin-bottom: 40px;
text-align: center; text-align: center;
} }
@media only screen and (min-device-width : 320px) and (max-device-width : 540px) { @media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
.loginformComponentContainer { .loginFormComponentContainer {
margin-top: 24px; margin-top: 24px;
margin-left: 36px; margin-left: 36px;
margin-right: 36px; margin-right: 36px;
margin-bottom: 184px; margin-bottom: 184px;
} }
.loginformComponentContainer h1{ .loginFormComponentContainer h1{
font-size: 28px; font-size: 28px;
text-align: center; text-align: center;
} }
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment