m
This commit is contained in:
@@ -52,7 +52,7 @@ const Vehicle = (props) => {
|
|||||||
{`$${formatNums(price / 100)}.00`}
|
{`$${formatNums(price / 100)}.00`}
|
||||||
</p>
|
</p>
|
||||||
<p className="veh-text">
|
<p className="veh-text">
|
||||||
<b>Id: </b>
|
<b>ISDM: </b>
|
||||||
{id}
|
{id}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -149,7 +149,7 @@ const Vehicles = () => {
|
|||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
{savedVehicles.length > 0 ? (
|
{savedVehicles.length > 0 ? (
|
||||||
<h2 className="formHeader"> Your Saved Vehicles</h2>
|
<h2 className="formHeader"> Your Vehicles</h2>
|
||||||
) : (
|
) : (
|
||||||
<></>
|
<></>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1,13 +1,13 @@
|
|||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
||||||
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||||
sans-serif;
|
sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
|
||||||
monospace;
|
monospace;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,11 @@
|
|||||||
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
|
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
margin: 0;
|
||||||
font-family: "Open Sans", sans-serif;
|
font-family: "Open Sans", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -16,7 +21,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
|
||||||
padding: 0px 30px;
|
padding: 0px 30px;
|
||||||
margin: 5px 20px;
|
margin: 5px 20px;
|
||||||
}
|
}
|
||||||
@@ -66,10 +71,6 @@ body {
|
|||||||
margin: 4px 5px;
|
margin: 4px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formHeader {
|
|
||||||
letter-spacing: 0.08rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formHeader2 {
|
.formHeader2 {
|
||||||
letter-spacing: 0.08rem;
|
letter-spacing: 0.08rem;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@@ -158,7 +159,6 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.navBarContainer {
|
.navBarContainer {
|
||||||
width: 100%;
|
|
||||||
height: 50px;
|
height: 50px;
|
||||||
padding: 15px 20px 0px 20px;
|
padding: 15px 20px 0px 20px;
|
||||||
border-bottom: 2px solid #a9a9a9;
|
border-bottom: 2px solid #a9a9a9;
|
||||||
@@ -197,6 +197,8 @@ body {
|
|||||||
|
|
||||||
@media only screen and (max-width: 460px) {
|
@media only screen and (max-width: 460px) {
|
||||||
.vehicles-container {
|
.vehicles-container {
|
||||||
|
max-width: 400px;
|
||||||
|
padding: 0px 10px;
|
||||||
margin: 2px auto;
|
margin: 2px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user