ajout du style global et de la carte leaflet

2026-03-18 13:21:19 +01:00
parent 43d0cf4abe
commit c97bda935e
7 changed files with 196 additions and 34 deletions
@@ -1,23 +1,29 @@
 <app>
-  <h1>Mini projet Parcoursup</h1>
-  <p>Recherche de formations Parcoursup avec Riot</p>
+  <div class="page">
+    <h1>Mini projet Parcoursup</h1>
+    <p class="subtitle">Recherche de formations Parcoursup avec Riot</p>

-  <div if={ !state.selected }>
-    <search-bar onsearch={ launchSearch }></search-bar>
+    <div if={ !state.selected }>
+      <search-bar onsearch={ launchSearch }></search-bar>

-    <result-list
-      results={ state.results }
-      hasSearched={ state.hasSearched }
-      loading={ state.loading }
-      ondetail={ showDetail }>
-    </result-list>
-  </div>
+      <div class="layout">
+        <result-list
+          results={ state.results }
+          hasSearched={ state.hasSearched }
+          loading={ state.loading }
+          ondetail={ showDetail }>
+        </result-list>

-  <div if={ state.selected }>
-    <detail-view
-      formation={ state.selected }
-      onback={ backToList }>
-    </detail-view>
+        <map-view results={ state.results }></map-view>
+      </div>
+    </div>
+
+    <div if={ state.selected }>
+      <detail-view
+        formation={ state.selected }
+        onback={ backToList }>
+      </detail-view>
+    </div>
  </div>

  <script>