style offer detail view

This commit is contained in:
Jannis Portmann 2021-05-13 23:41:52 +02:00
parent 00016d61e7
commit e8b3bdaa34
2 changed files with 15 additions and 4 deletions

View file

@ -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;
}
}

View file

@ -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>