mirror of
https://github.com/pixelfed/pixelfed.git
synced 2025-01-30 08:20:46 +00:00
Merge pull request #173 from hellcp/patch-9
Add breakpoined border to status view
This commit is contained in:
commit
91d01a2634
2 changed files with 8 additions and 2 deletions
8
resources/assets/sass/custom.scss
vendored
8
resources/assets/sass/custom.scss
vendored
|
@ -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 {
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue