CSS : utilisation de Bulma
* ajout de bulma.min.css * utilisation de Bulma sur la page des menus aléatoires * utilisation de Bulma sur la page d'ajout d'un nouveau menu
This commit is contained in:
@ -3,17 +3,32 @@
|
||||
@section('title', 'Menus')
|
||||
|
||||
@section('content')
|
||||
<h1>Menus aléatoires</h1>
|
||||
<h1 class="title">Menus aléatoires</h1>
|
||||
|
||||
@if ($menus)
|
||||
<ul>
|
||||
<div class="columns is-multiline is-mobile">
|
||||
@foreach($menus as $menu)
|
||||
<li>{{ $menu->title }}</li>
|
||||
<div class="column is-half-mobile is-one-quarter-desktop is-one-quarter-tablet">
|
||||
<div class="card">
|
||||
<header class="card-header">
|
||||
<p class="card-header-title">
|
||||
{{ $menu->title }}
|
||||
</p>
|
||||
</header>
|
||||
{{-- <div class="card-content">--}}
|
||||
{{-- <p>Place content here.</p>--}}
|
||||
{{-- </div>--}}
|
||||
{{-- <footer class="card-footer">--}}
|
||||
{{-- <p class="card-footer-item">My footer</p>--}}
|
||||
{{-- </footer>--}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@else
|
||||
<p>Aucun menu trouvé.</p>
|
||||
@endif
|
||||
|
||||
<p><a href="{{ route('menus.create') }}">Ajouter un menu</a></p>
|
||||
<p><a class="button is-primary is-link" href="{{ route('menus.create') }}">Ajouter un menu</a></p>
|
||||
@endsection
|
||||
|
Reference in New Issue
Block a user