From 4b2558fd945023cdd8363df7befd1d58ebede2a7 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Sun, 19 Feb 2023 21:23:57 +0100
Subject: [PATCH] home display

---
 assets/css/app.scss |  2 +-
 src/pages/Home.vue  | 32 +++++++++++++++++---------------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 2a726b5..ca8d003 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -149,7 +149,7 @@ section[role="main-content"]{
       }
 
     }
-    div.teasers{
+    div.teasers>.wrapper{
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 6b27005..2cf1ba9 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -7,24 +7,26 @@
       <h1>Les Guides de Paris</h1>
       <h2>Corpus des XVII et XVIII<sup>E</sup> siècles</h2>
     </header>
-    <section v-if="colophonHome.length && colophonHome.length > 0" class="row">
+    <section class="row">
       <div class="col-2" />
       <div class="col-8 teasers">
-        <article
-          v-for="page in colophonHome"
-          :key="page.uuid"
-        >
-          <!-- <h1>{{ page.title }}</h1> -->
-          <div v-html="trimedTei(page.tei)" />
-          <a
-            :href="page.url"
-            class="readmore"
-            @click.prevent="onclick(page.uuid)"
-            @keyup.enter="onclick(page.uuid)"
+        <div  v-if="colophonHome.length && colophonHome.length > 0" class="wrapper">
+          <article
+            v-for="page in colophonHome"
+            :key="page.uuid"
           >
-            <span>Lire la suite</span>
-          </a>
-        </article>
+            <!-- <h1>{{ page.title }}</h1> -->
+            <div v-html="trimedTei(page.tei)" />
+            <a
+              :href="page.url"
+              class="readmore"
+              @click.prevent="onclick(page.uuid)"
+              @keyup.enter="onclick(page.uuid)"
+            >
+              <span>Lire la suite</span>
+            </a>
+          </article>
+        </div>
       </div>
       <div class="col-2" />
     </section>