Macintosh-Tools/jurassic-park-interface
1
0
Fork 0
mirror of https://github.com/Max-Stevenson/jurassic-park-interface.git synced 2025-08-05 22:25:30 +00:00
Code Issues Projects Releases Wiki Activity

Finished with vehicle tab for now.

Browse Source
This commit is contained in:
Max Stevenson
2020-09-09 15:00:35 -05:00
parent 534023b1cf
commit ef1acda569
4 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/stylesheets/styles.css
View File

@@ -460,7 +460,7 @@ body {
justify-content: space-between;
background-color: black;
background: url("../../public/images/mapE.png") no-repeat center;
background-size: 100% 100%;
background-size: cover;
}
.tour-display__system-status {
@@ -927,6 +927,19 @@ body {
background-repeat: no-repeat;
}
.vide-screen__vehicle-details__right {
flex: 1;
background: url("../../public/images/explorerGraphic.png");
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-color: #020713;
background-position: center;
border-top: 0.1vw solid #3B6285;
border-left: 0.1vw solid #3B6285;
}
.vehicle-details__detail-container .triangle-wrapper {
align-self: end;
}
@@ -934,10 +947,11 @@ body {
.video-screen__vehicle-details__left {
display: flex;
flex-direction: column;
margin-right: 1vw;
}
.vehicle-status__active {
margin: 0 1vw;
margin: 0 0.5vw;
background: radial-gradient(circle, #5FC2A6, #2C7C6E, #1B5E60, #023B3A);
width: 1vw;
height: 1vw;
@@ -946,7 +960,7 @@ body {
}
.vehicle-status__inactive {
margin: 0 1vw;
margin: 0 0.5vw;
background: radial-gradient(circle, #db817b, #6E5375, #725378, #473959);
width: 1vw;
height: 1vw;

2
public/stylesheets/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
sass/components/_display-text.scss
View File

@@ -18,7 +18,7 @@
justify-content: space-between;
background-color: black;
background: url("../../public/images/mapE.png") no-repeat center;
background-size: 100% 100%;
background-size: cover;
// background-size: 3em 3em;
// background-image: linear-gradient(to right, white 1px, transparent 1px),
// linear-gradient(to bottom, white 1px, transparent 1px);

18
sass/components/_video-screen.scss
View File

@@ -224,6 +224,19 @@
background-repeat: no-repeat;
}
.vide-screen__vehicle-details__right {
flex: 1;
background: url("../../public/images/explorerGraphic.png");
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-color: #020713;
background-position: center;
border-top: .1vw solid #3B6285;
border-left: .1vw solid #3B6285;
}
.vehicle-details__detail-container .triangle-wrapper {
align-self: end;
}
@@ -231,10 +244,11 @@
.video-screen__vehicle-details__left {
display: flex;
flex-direction: column;
margin-right: 1vw;
}
.vehicle-status__active {
margin: 0 1vw;
margin: 0 .5vw;
background: radial-gradient(circle, #5FC2A6, #2C7C6E, #1B5E60, #023B3A);
width: 1vw;
height: 1vw;
@@ -243,7 +257,7 @@
}
.vehicle-status__inactive {
margin: 0 1vw;
margin: 0 .5vw;
background: radial-gradient(circle, #db817b, #6E5375, #725378, #473959);
width: 1vw;
height: 1vw;