update calendar

assets/js/components/Calendar.vue

@@ -1,7 +1,11 @@
 <template>
     <div>
+        <details>
+            <summary>Filtres</summary>
+
+            <div class="bg-light border mt-3 mb-3 p-3">
                 <div class="row">
-            <div class="col-md-4">
+                    <div class="col-md-2">
                         <div class="pr-4">
                             <label for="projects">Période</label>
                             <div class="row">
@@ -26,7 +30,7 @@
                             </select>
                         </div>
                     </div>
-            <div class="col-md-4">
+                    <div class="col-md-6">
                         <div>
                             <label for="projects">Projets</label>
                             <select class="form-control" v-model="selectedProjects" id="projects" multiple>
@@ -35,6 +39,8 @@
                         </div>
                     </div>
                 </div>
+            </div>
+        </details>
 
         <div class="row" v-if="weeks.length > 0">
             <div class="col-md-12">
@@ -50,6 +56,10 @@
 table {
   font-size: 12px;
 }
+
+.bg-light {
+  background: #e9ecef !important;
+}
 </style>
 
 <script>