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:
2021-05-01 18:54:32 +02:00
parent 2a6e355483
commit fb6762bf9f
4 changed files with 63 additions and 13 deletions

View File

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