Skip to content

Commit

Permalink
🐛 FIX styles imports
Browse files Browse the repository at this point in the history
Charles-Chrismann committed Feb 17, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent 7c8a70a commit eeaa9d0
Showing 3 changed files with 51 additions and 52 deletions.
14 changes: 14 additions & 0 deletions frontend/src/App.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

#test-login {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #898989;
}
6 changes: 3 additions & 3 deletions frontend/src/pages/login.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { useState } from "react";
import './styles/login.module.css';
import styles from '../styles/login.module.css';

const LoginComponent = () => {

@@ -25,8 +25,8 @@ const LoginComponent = () => {
};

return (
<div id="login">
<div id="login-title">
<div id={styles.login}>
<div id={styles['login-title']}>
<p>Login</p>
</div>
<label>Enter your devinci email</label>
83 changes: 34 additions & 49 deletions frontend/src/styles/login.module.css
Original file line number Diff line number Diff line change
@@ -1,49 +1,34 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

#test-login {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #898989;
}

#login {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #ffffff;
width: 20%;
padding: 2%;
border-radius: 16px;
position: relative;
}

#login-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
margin-bottom: 10%;
padding-bottom: 5%;
font-weight: bold;
font-size: 20px;
}

#login input {
margin-block: 5%;
padding: 5%;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.25);
}

#login button {
padding: 5%;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.25);
background-color: #333333;
cursor: pointer;
color: white;
}
#login {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #ffffff;
width: 20%;
padding: 2%;
border-radius: 16px;
position: relative;
}

#login-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
margin-bottom: 10%;
padding-bottom: 5%;
font-weight: bold;
font-size: 20px;
}

#login input {
margin-block: 5%;
padding: 5%;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.25);
}

#login button {
padding: 5%;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.25);
background-color: #333333;
cursor: pointer;
color: white;
}

0 comments on commit eeaa9d0

Please sign in to comment.