Controlleur

components/fili-info.riot

@@ -0,0 +1,9 @@
+<fili-info>
+    <div class="box p-1 m-2">
+
+    </div>
+
+    <script>
+
+    </script>
+</fili-info>

components/main-controller.riot

@@ -0,0 +1,21 @@
+<main-controller>
+    <div class="columns">
+		<div class="column is-one-third">
+			<search></search>
+		</div>
+
+		<div class="column">
+			<fili-info></fili-info>
+			<school></school>
+		</div>
+	</div>
+
+	<school-info></school-info>
+
+    <script>
+        export default {
+            
+        }
+    </script>
+
+</main-controller>

components/school-info.riot

@@ -12,7 +12,7 @@
     <script>
         export default {
             onMounted() {
-                this.state.enabled = true
+                this.state.enabled = false
                 this.update()
             },
 

components/school.riot

@@ -1,13 +1,11 @@
 <school>
-<main class="container">
-    <div class="block control has-icons-left is-inline-block is-pulled-right">
-        <input class="input" type="search" placeholder="Établissement">
-        <span class="icon is-small is-left">
-            <i class="fas fa-search"></i>
-        </span>
-    </div>
-
-
+    <div class="box p-2 m-2">
+        <div class="block control has-icons-left is-inline-block is-pulled-right">
+            <input class="input" type="search" placeholder="Établissement">
+            <span class="icon is-small is-left">
+                <i class="fas fa-search"></i>
+            </span>
+        </div>
 
 		<table class="table is-fullwidth is-hoverable">
 			<thead>
@@ -19,7 +17,7 @@
 					<th><abbr title="selectivite">Sélectivité</abbr></th>
 				</tr>
 			</thead>
-
+    </div>
     <script>
         export default {
             onMounted() {

components/search.riot

@@ -8,7 +8,7 @@
             <ul>
 	            <li class="m-1" each={item in this.state.items}>
 		            <button class="button is-fullwidth" onclick={()=>filter(item.name)}>
-                        <span><strong>{item.name}</strong></span>
+                        <span style="font-size: .75em;"><strong>{item.name}</strong></span>
                         <div style="margin-left: auto;"></div>
                         <span class="tag is-primary">{item.count}</span>
                     </button>