Commit 1bfadd7e authored by mdsecurity's avatar mdsecurity
Browse files

i just fucked around with suff tbh

i removed the area picture
added a search box
added campus
changed a lot of stuff in sketch
parent 4870c0c1
No preview for this file type
......@@ -93,3 +93,30 @@
text-align: center;
color: $primary;
}
.campus-location-text{
font-family: HelveticaNeue-Light;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
text-align: center;
color: $primary;
}
.search-box-text{
font-family: HelveticaNeue-Medium;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
// text-align: center;
color: $primary;
}
.area-title {
font-family: HelveticaNeue-Medium;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
text-align: center;
color:#68768C;
}
\ No newline at end of file
<div class="app-container">
<app-nav-bar></app-nav-bar>
<div class="main-content">
<app-filter-bar></app-filter-bar>
<div class="place-window">
<app-place-window></app-place-window>
</div>
......
<div class="light-card flter-bar">
</div>
\ No newline at end of file
<div class=" filter-bar">
<div class="campus-location">
<i class="fa fa-map-marker campus-location-icon" aria-hidden="true"></i>
<div class="campus-location-text">GMU, Fairfax Campus</div>
</div>
<div>
<!--<i class="fa fa-search search-box-icon" aria-hidden="true"></i>-->
<input type="text" class="form-control search-box search-box-text" placeholder="Search a location">
</div>
</div>
@import '../../global-styles';
.filter-bar {
width: 176.48px;
display: flex;
flex-direction: column;
padding-left: 8px;
box-sizing: content-box;
background-color: rgba(255,255,255,0);
position:absolute;
}
.filter-bar{
width: 176.48px;
}
\ No newline at end of file
.search-box {
border-width: 1px;
border-radius: 4px;
width: 157px;
height: 31px;
border-color: $primary;
border-style: solid;
padding: 0px;
padding-left: 5px;
}
.input-group {
width: 157px;
height: 31px;
position: relative;
}
.campus-location {
display: flex;
flex-direction: row;
}
.campus-location-icon {
margin-right: 8px;
}
<div class="area-card-header">
<div class="hexagon center">
<div class="area-card-header">
<!--<div class="hexagon center">
<div class="hexTop"></div>
<div class="hexBottom"></div>
</div>
<h3 class="area-title">FAVORITES</h3>
<hr>
</div>-->
<div class="area-title">FAVORITES</div>
<hr>
</div>
<div class="place-card-holder">
<app-place-card></app-place-card>
</div>
<app-place-card></app-place-card>
\ No newline at end of file
$hex-border-color: #C1C7CD;
@import "../../../global-styles";
.hexagon {
position: relative;
width: 60px;
......@@ -76,11 +77,13 @@ $hex-border-color: #C1C7CD;
margin-right: auto;
// width: 100%;
}
.area-title {
text-align: center;
color:#68768C;
}
hr {
height:1.5px;
background-color:rgba(104, 118, 140, 0.5);
margin-top: 0px;
margin-bottom: 15px;
}
.area-card-header{
margin-top:30px;
}
\ No newline at end of file
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