Merge pull request #173 from hellcp/patch-9

Add breakpoined border to status view
This commit is contained in:
daniel 2018-06-04 22:50:17 -06:00 committed by GitHub
commit 91d01a2634
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions

View file

@ -163,6 +163,12 @@ body, button, input, textarea {
background-position: 50%; background-position: 50%;
} }
@media (max-width: map-get($grid-breakpoints, "md")) {
.border-md-left-0 {
border-left:0!important
}
}
.fas, .far { .fas, .far {
font-size: 25px !important; font-size: 25px !important;
} }
@ -177,4 +183,4 @@ body, button, input, textarea {
} }
.fas.fa-heart { .fas.fa-heart {
} }

View file

@ -8,7 +8,7 @@
<div class="col-12 col-md-8 status-photo px-0"> <div class="col-12 col-md-8 status-photo px-0">
<img src="{{$status->mediaUrl()}}" width="100%"> <img src="{{$status->mediaUrl()}}" width="100%">
</div> </div>
<div class="col-12 col-md-4 px-0 d-flex flex-column"> <div class="col-12 col-md-4 px-0 d-flex flex-column border-left border-md-left-0">
<div class="d-flex align-items-center justify-content-between card-header"> <div class="d-flex align-items-center justify-content-between card-header">
<div class="d-flex align-items-center status-username"> <div class="d-flex align-items-center status-username">
<div class="status-avatar mr-2"> <div class="status-avatar mr-2">