Changing home layout from FLOAT to GRID

This commit is contained in:
2018-09-20 20:37:21 -03:00
parent b99f6a5b68
commit 61b54ecdd8
3 changed files with 53 additions and 56 deletions

View File

@@ -8,34 +8,37 @@
<div class="card-header">Your items</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
<div class="alert alert-success" role="alert">
{{ session('status') }}
</div>
@endif
@forelse ($items as $item)
@if (!$loop->first)
<hr class="m-3">
@endif
<div class="my-4 p-2">
@if (!$loop->first)
<hr class="m-3">
@endif
<div class="row align-items-center p-2">
<div class="col col-xs-auto">
@if ($item->product->url)
<a href="{{$item->product->url}}" class="link-unstyled" target="_blank" rel="noopener noreferrer">
@endif
<a href="{{$item->product->url}}" class="link-unstyled" target="_blank" rel="noopener noreferrer">
@endif
<strong>{{$item->name}}</strong> ({{$item->product->name}})
<strong>{{$item->name}}</strong> ({{$item->product->name}})
@if ($item->product->url)
</a>
@endif
@if ($item->used_by)
@include('home.usedItem')
@else
@include('home.unusedItem')
@if ($item->product->url)
</a>
@endif
</div>
<div class="align-self-end text-right">
@if ($item->used_by)
@include('home.usedItem')
@else
@include('home.unusedItem')
@endif
</div>
</div>
@empty
<p>There are no items shared with you yet. <a href="/product">Share an item!</a></p>
<p>There are no items shared with you yet. <a href="/product">Share an item!</a></p>
@endforelse
</div>
</div>