Commit 15d5e07d authored by mdsecurity's avatar mdsecurity

still dont know how to stash

parent 67848c91
......@@ -48,4 +48,15 @@
</div>
</nav>
</div>
<div class="card-content">
<div *ngFor="let location of locations" class="location-card card col-xs">
<img class="location-background-picture" src="{{location.picture}}" alt="Card image">
<img class="location-circle-picture" src="{{secondPic}}" alt="Card image">
<div class="card-block">
<h4 class="card-title mb-0">{{location._name}}</h4>
<p class="card-text">Opening Time: {{location.openTimes[dayOfTheWeek] | date:'shortTime'}}</p>
<p class="card-text">Closing Time: {{location.closeTimes[dayOfTheWeek] | date:'shortTime'}}</p>
</div>
</div>
</div>
</div>
//card
$card-spacing: .5rem;
$card-width: 15rem;
$card-spacing: .75rem;
$card-width: 20rem;
$card-height: 20rem;
$card-border-radius:0.25rem;
$card-border:1px solid rgba(0, 0, 0, 0.125);
......@@ -41,18 +41,6 @@ $card-circle-picture-diameter:7rem;
}
// .app-container {
// @extend .container;
// min-width: 100%;
// min-height: 100%;
// width: 100%;
// height: 100%;
// padding-right: 0;
// padding-left: 0;
// margin-right: 0;
// margin-left: 0;
// display: flex;
// }
.location-card {
width: $card-width;
......@@ -64,7 +52,6 @@ $card-circle-picture-diameter:7rem;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
margin:.5rem;
}
.location-card:hover {
......@@ -109,35 +96,7 @@ $card-circle-picture-diameter:7rem;
display:flex;
margin-left: .5rem;
margin-right: .5rem;
// float:right;
}
// hr {
// display: block;
// margin:.5rem;
// margin-right: auto;
// // border-style: inset;
// border-top: 1px solid rgba(0, 0, 0, 1);
// border-width: 2px;
// max-width: 75%;
// color: black;
// }
// .sidebar-heading {
// margin-top: .5rem;
// margin-left: .5rem;
// }
// .sidebar-icon {
// // right:($card-width/2) - ($card-circle-picture-diameter/2);
// // top:$card-background-height - ($card-circle-picture-diameter/2);
// border-radius:50%;
// // border:5px solid rgba(255, 255, 255, 1);
// // box-shadow: 0 0 1px white;
// height: $sidebar-icon-diameter;
// width: $sidebar-icon-diameter;
// }
// @mixin transition($transition...) {
// -moz-transition: $transition;
// -o-transition: $transition;
// -webkit-transition: $transition;
// transition: $transition;
// }
......@@ -35,8 +35,8 @@ export class LocationViewComponent implements OnInit {
let picture = '../assets/JC.jpg';
this.locations[0] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
// this.locations[1] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
// this.locations[2] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
this.locations[1] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
this.locations[2] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
// this.locations[3] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
// this.locations[4] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
// this.locations[5] = new Location('Easy Eats', openTimes, closeTimes, picture, 'open');
......
......@@ -10,7 +10,7 @@ html
}
body {
height: inherit;
background-color: #006633;
background-color: #f7f7f9;
}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment