-
Notifications
You must be signed in to change notification settings - Fork 11
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.
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
Feature/scan info #45
Feature/scan info #45
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hello @Christiantyemele one of the checks failed please consider checking that out.
@Ngha-Boris issue resolved plz review |
package-lock.json
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please @Christiantyemele remove this file. Here we're using only yarn.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
src/index.scss
Outdated
.container { | ||
display: flex; | ||
padding: 1em; | ||
align-items: center; | ||
min-width: 60dvh; | ||
background-color: gainsboro; | ||
border: 2px solid white; | ||
justify-content: space-evenly; | ||
border-radius: 10px; | ||
max-width: 580px; | ||
} | ||
|
||
.main-container { | ||
margin-top: 5em; | ||
display: flex; | ||
justify-content: center; | ||
min-height: 368px; | ||
min-width: 172px; | ||
} | ||
|
||
.submit { | ||
margin: 1em; | ||
color: blue; | ||
} | ||
|
||
.cancel { | ||
margin: 1em; | ||
color: red; | ||
} | ||
|
||
.buttons { | ||
display: grid; | ||
justify-content: space-evenly; | ||
} | ||
|
||
.inputs { | ||
margin: 0.5em; | ||
} | ||
|
||
.title { | ||
display: flex; | ||
justify-content: center; | ||
margin-bottom: 2em; | ||
font-size: 1.3em; | ||
} | ||
|
||
.head { | ||
background: rgb(226 236 245); | ||
font-size: 0.99em; | ||
line-height: 1.1em; | ||
} | ||
|
||
.add::after { | ||
content: 'Add Scan'; | ||
position: absolute; | ||
visibility: hidden; | ||
} | ||
|
||
.parent-button { | ||
display: grid; | ||
justify-content: center; | ||
align-items: end; | ||
margin-top: 30em; | ||
} | ||
|
||
.add:hover::after { | ||
visibility: visible; | ||
opacity: 1; | ||
} | ||
|
||
.add { | ||
cursor: pointer; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove this and use tailwind only
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done sir @stephane-segning
0a48678
to
95e39ad
Compare
src/components/Scan-Button.tsx
Outdated
@@ -0,0 +1,11 @@ | |||
import { Link } from 'react-router-dom'; | |||
|
|||
export const InfoButton = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This component's name doesn't match the file name
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done sir @stephane-segning
src/app.tsx
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cancel these changes
No description provided.