Skip to content

Commit

Permalink
Merge pull request #43 from stephin007/staging
Browse files Browse the repository at this point in the history 
Merge Staging to Production : Updated Vaccine Card
  • Loading branch information
@stephin007
stephin007 authored May 8, 2021
2 parents f2de3a2 + 182698f commit 0e7ddbf
Show file tree
Hide file tree
Showing 4 changed files with 338 additions and 73 deletions.
2 changes: 1 addition & 1 deletion src/components/Home/Home.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ body {
}

.home__info {
background-color: #1E1E1E;
background-color: #352f44;
padding: 15px;
color: #bb86fc;
margin-top: 20px;
Expand Down
4 changes: 2 additions & 2 deletions src/components/Home/Home.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,10 @@ import "./Home.css";

const useStyles = makeStyles((theme) => ({
input: {
color: "#BB86FC",
color: "#bb86fc",
},
textfield: {
color: "#BB86FC",
color: "#bb86fc",
height: "50px",
width: "248px",
padding: "0px 0px 0px 0px",
Expand Down
269 changes: 269 additions & 0 deletions src/components/VaccineData/SingleVaccineData/VaccineDataSingle.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,269 @@
.wrapper {
display: flex;
background-color: #333333;
height: 27vh
}

.wrapper > * {
padding: 20px;
}

.paper-left {
width: 50%;
}

.paper-left h1{
color: whitesmoke;
text-transform: uppercase;
font-family: monospace;
}

.paper-left_vaccine_head{
display: flex;
justify-content: space-between;
align-items: center;
}

.paper-left_vaccine_head h3{
text-transform: uppercase;
font-weight: bold;
color: white;
font-family: "Fira Code Medium", "monospace";
}

.paper-left_vaccine_head p{
text-transform: uppercase;
font-weight: bold;
color: black;
font-family: monospace;
background-color: #009E60;
padding: 10px;
border-radius: 7px;
text-align: center;
}

.paper-left .paper-left_content{
display: flex;
justify-content: space-between;
margin-top: 10px;
}


.paper-left .paper-left_content h3{
color: #BB86FC;
font-weight: bold;
text-transform: capitalize;
}

.paper-left .paper-left_content p{
color: #F48FB1;
margin-top: 5px;
text-transform: capitalize;
font-family: monospace;
}

.paper-left .paper-left_time {
display: flex;
justify-content: space-evenly;
margin-top: 10px;
}

.paper-left .paper-left_time .time{
padding: 10px;
border-radius: 7px;
font-weight: bold;
}

.paper-left .paper-left_time .open-time{
background-color: #009E60;
font-family: monospace;
}

.paper-left .paper-left_time .close-time{
background-color: rgb(222,49,99);
color: white;
font-family: monospace;
}

.paper-right {
width: 50%;
}

.paper-right_Badges{
display: flex;
justify-content: space-between;
}

.paper-right_Badges h5{
margin-right: 10px;
color: aquamarine;
font-family: monospace;
font-size: 22px;
}

.paper-right_Badges .healing_icon{
color: white;
}

.paper-right_Badges p {
color: whitesmoke;
font-size: 15px;
}

.paper-right_Badges p span{
color: aquamarine;
font-family: monospace;
font-size: 20px;
}

.paper-right_age{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}

.paper-right_age .age_text h3{
color: aquamarine;
font-family: monospace;
font-size: 20px;
}

.paper-right_age .age_content p{
margin-bottom: 5px;
font-size: 20px;
}

.paper-right_age .age_content{
background-color: rgb(222,49,99);
height: 25px;
width: 75px;
padding: 5px;
border-radius: 3px;
color: white;
display: flex;
justify-content: center;
align-items: center;
}

.paper-right_slots h3{
text-align: center;
font-weight: 700;
color: #BB86FC;
margin: 5px;
}

.paper-right_slots p{
color: whitesmoke;
font-size: 17px;
text-align: center;
}


/*Media Queries*/
@media screen and (max-width: 500px) {
.wrapper {
height: 70vh;
flex-direction: column;
}

.paper-left {
width: 90%;
}

.paper-left_vaccine_head{
flex-direction: column;
}

.paper-left_vaccine_head h3{
font-size: 15px;
margin-bottom: 10px;
}

.paper-left_vaccine_head p{
padding: 5px;
font-size: 15px;
border-radius: 7px;
text-align: center;
}

.paper-left p {
width: 100%;
}

.paper-left .paper-left_content{
display: flex;
flex-direction: column;
}

.paper-left .paper-left_time {
display: flex;
flex-direction: column;
text-align: center;
}

.paper-left .paper-left_time .time{
margin-top: 5px;
}

.paper-right {
width: 90%;
}

.paper-right_Badges h5{
margin-top: 5px;
margin-right: 3px;
color: aquamarine;
font-weight: bold;
font-size: 11px;
}

.paper-right_Badges .healing_icon{
font-size: 20px;
}

.paper-right_Badges p {
margin-top: 5px;
color: whitesmoke;
font-size: 15px;
}

.paper-right_Badges p span{
font-size: 15px;
}

.paper-right_age{
margin-top: 3px;
}

.paper-right_age .age_text h3{
font-size: 13px;
}

.paper-right_age .age_content{
background-color: rgb(222,49,99);
height: 15px;
width: 65px;
padding: 3px;
border-radius: 3px;
color: white;
}

.paper-right_age .age_content p{
margin-bottom: 1px;
font-size: 13px;
}

.paper-right_slots h3{
text-align: center;
font-weight: 700;
color: #BB86FC;
margin: 3px;
}

.paper-right_slots p{
color: whitesmoke;
font-size: 15px;
text-align: center;
}
}
Loading

1 comment on commit 0e7ddbf

@vercel
Copy link

@vercel vercel bot commented on 0e7ddbf May 8, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.