improved entite content layout #2325

src/api/gql/entite.fragment.gql

@@ -2,6 +2,10 @@ fragment EntiteFields on Entite {
   action
   menacemaintien
   title
+  image {
+    alt
+    url
+  }
   sources {
     description
     images {

src/assets/main.scss

@@ -163,7 +163,7 @@ body{
   $cartouch_width : 450px;
   @mixin font_questions{
     font-size: 1em;
-    font-weight: 300;
+    font-weight: 500;
     line-height: 1.4;
   }
   @mixin font_reponses{
@@ -331,19 +331,33 @@ body{
           >section{
             padding-bottom: 2em;
           }
+          >section.image{
+            img{
+              max-width: 100%;
+            }
+          }
           .sources{
-            padding-top: 1em;
+            // padding-top: 1em;
             .source{
               padding-top: 0.5em;
-              div.date{
+              // div.date{
-                display: block;
+              //   display: block;
-                font-weight: 100;
+              //   font-weight: 100;
-                font-size: 0.882em;
+              //   font-size: 0.882em;
-                padding: 0 0 0.5em 0;
+              //   padding: 0 0 0.5em 0;
+              // }
+              >section.description{
+                >div{
+                  // @include font_reponses();
+                  font-size: inherit;
+                  padding-bottom: 1em;
+                }
+
               }
               .liens{
                 a{
                   text-decoration: underline;
+                  @include font_reponses();
                 }
               }
             }

src/components/contents/Entite.vue

@@ -42,7 +42,9 @@ export default {
 
 <template>
   <section class="entite">
-
+    <section v-if="entite.image.length" class="image">
+      <img :src="entite.image[0].url" :alt="entite.image[0].alt"/>
+    </section>
     <section class="action">
         <label v-if="ct_entite">{{ ct_entite.field_action.description }}</label>
         <p>{{ entite.action }}</p>
@@ -55,12 +57,12 @@ export default {
     <section
       v-if="entite.sources.length" 
       class="sources multiple">
-        <h5>Experience(s) Vécue(s)</h5>
+        <!-- <h5>Experience(s) Vécue(s)</h5> -->
       <section 
         v-for="(source, index) in entite.sources"
         :key="index"
         class="source">
-        <div class="date">{{ source.date.start }}</div>
+        <!-- <div class="date">{{ source.date.start }}</div> -->
         <section class="description">
           <label v-if="ct_entite"> {{ field_sources_label }}</label>
           <div v-html="source.description"/>