rushilwiz/website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/website.git synced 2025-04-20 12:20:19 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added phone and tablet support

Browse Source
This commit is contained in:
Ram Reddy 2021-02-18 11:46:49 -08:00
parent d420f5f6b6
commit bafbff274f
No known key found for this signature in database
GPG Key ID: 2CD6B38BE14BDE53
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/assets/StyledContactForm.js
View File

@ -13,12 +13,12 @@ const StyledFormWrapper = styled.div`
justify-content: center; justify-content: center;
align-items: center; align-items: center;
position:relative; position:relative;
margin-top: 5vw; margin-top: 4vw;
padding: 0 2%; padding: 0 2%;
`; `;
const StyledForm = styled.form` const StyledForm = styled.form`
width: 50%; width: 70%;
padding: 1.75%; padding: 1.75%;
background-color: #eee; background-color: #eee;
color: #3d5a80; color: #3d5a80;

21
src/components/assets/contact.scss
View File

@ -1,3 +1,6 @@
$small: 500px;
$medium: 800px;
button { button {
cursor:pointer; cursor:pointer;
} }
@ -16,14 +19,28 @@ body {
text-align: center; text-align: center;
padding: 0 2%; padding: 0 2%;
position:relative; position:relative;
top:3em; top:2em;
@media only screen and (max-width: $medium) {
width: 30%;
left: 35%;
}
@media only screen and (max-width: $small) {
width: 65%;
left: 17%;
}
} }
.fa { .fa {
font-size: 100%; font-size: 100%;
width: 10%; width: 10%;
text-decoration: none; text-decoration: none;
margin: 0vw 0.8vw; margin: 0vw 0.7vw;
@media only screen and (max-width: $medium) {
margin: 0vw 1.3vw;
}
@media only screen and (max-width: $small) {
margin: 0vw 2vw;
}
} }
.fa:hover { .fa:hover {