style offer detail view
This commit is contained in:
parent
00016d61e7
commit
e8b3bdaa34
2 changed files with 15 additions and 4 deletions
|
@ -49,3 +49,14 @@ $primary: darken(#005035, 20%);
|
|||
.user-link:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.show-img-container {
|
||||
min-width: 20rem;
|
||||
max-width: 30rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
.show-img-container {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
}
|
|
@ -7,11 +7,11 @@
|
|||
|
||||
<h1 class="mb-3">{{ offer.title }}</h1>
|
||||
|
||||
<div class="offer d-flex flex-wrap justify-content-around">
|
||||
<div class="p-3 img-container">
|
||||
<div class="show-offer-container d-flex flex-wrap">
|
||||
<div class="show-img-container">
|
||||
<img class="mb-3 img-fluid rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
|
||||
</div>
|
||||
<div class="offer-info p-3">
|
||||
<div class="show-offer-info">
|
||||
<h3>Description</h3>
|
||||
<p>{{ offer.description }}</p>
|
||||
<h3>From</h3>
|
||||
|
|
Reference in a new issue