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

resources/views/menus/create.blade.php

@@ -3,19 +3,23 @@
 @section('title', 'Ajouter un menu')
 
 @section('content')
-<h1>Ajouter un menu</h1>
+<h1 class="title">Nouveau menu</h1>
 
   <form method="POST" action="{{ route('menus.store') }}">
       @csrf
-
-      <label for="title">Titre du menu</label><br />
-      <input id="title" name="title" type="text" class="@error('title') is-invalid @enderror"><br />
+      <div class="field">
+          <label class="label">Titre du menu</label>
+          <div class="control">
+              <input id="title" name="title" type="text" placeholder="ex : pizza" class="@error('title') is-invalid @enderror">
+          </div>
+          <p class="help">Ou encore : pâtes, kebab, choucroute…</p>
+      </div>
 
       @error('title')
       <div class="alert alert-danger">{{ $message }}</div>
       @enderror
 
-      <input type="submit" value="Nouveau menu">
+      <input class="button is-primary" type="submit" value="Nouveau menu">
   </form>
 
 @endsection

resources/views/menus/index.blade.php

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