Jelajahi Sumber

better css for home

bach 1 tahun lalu
induk
melakukan
8494e5a0e2
2 mengubah file dengan 5 tambahan dan 4 penghapusan
  1. 1 1
      assets/css/app.scss
  2. 4 3
      src/pages/Home.vue

+ 1 - 1
assets/css/app.scss

@@ -168,7 +168,7 @@ section[role="main-content"]{
           font-size: 0.882em;
           font-size: 0.882em;
           line-height: 1.2;
           line-height: 1.2;
         }
         }
-        span{
+        a.readmore span{
           color:$rouge;
           color:$rouge;
           font-size:0.693em;
           font-size:0.693em;
         }
         }

+ 4 - 3
src/pages/Home.vue

@@ -8,8 +8,8 @@
       <h2>Corpus des XVII et XVIII<sup>E</sup> siècles</h2>
       <h2>Corpus des XVII et XVIII<sup>E</sup> siècles</h2>
     </header>
     </header>
     <section v-if="colophonHome.length && colophonHome.length > 0" class="row">
     <section v-if="colophonHome.length && colophonHome.length > 0" class="row">
-      <div class="col-3" />
-      <div class="col-6 teasers">
+      <div class="col-2" />
+      <div class="col-8 teasers">
         <article
         <article
           v-for="page in colophonHome"
           v-for="page in colophonHome"
           :key="page.uuid"
           :key="page.uuid"
@@ -20,12 +20,13 @@
             :href="page.url"
             :href="page.url"
             @click.prevent="onclick(page.uuid)"
             @click.prevent="onclick(page.uuid)"
             @keyup.enter="onclick(page.uuid)"
             @keyup.enter="onclick(page.uuid)"
+            class="readmore"
           >
           >
             <span>Lire la suite</span>
             <span>Lire la suite</span>
           </a>
           </a>
         </article>
         </article>
       </div>
       </div>
-      <div class="col-3" />
+      <div class="col-2" />
     </section>
     </section>
 
 
   </div>
   </div>