feat: antolatzailea erakusten du

front/src/views/ekintza/Ekintza.astro

@@ -10,6 +10,7 @@ import { getUrl } from "models/Zikloa";
 import { getImageData } from "models/ImageMedia";
 
 import "dayjs/locale/eu";
+import Elkarlana from "./_components/Elkarlana.astro";
 dayjs.locale("eu");
 
 interface Props {
@@ -37,6 +38,14 @@ const irudia = ekintza.mainMedia ? getImageData(ekintza.mainMedia) : null;
           />
         )
       }
+
+      {
+        ekintza.elkarlana && (
+          <div class="elkarlana-wrapper-desktop">
+            <Elkarlana elkarlana={ekintza.elkarlana} />
+          </div>
+        )
+      }
     </aside>
     <article>
       <h1>{ekintza.izenburua}</h1>
@@ -66,6 +75,14 @@ const irudia = ekintza.mainMedia ? getImageData(ekintza.mainMedia) : null;
           </div>
         )
       }
+
+      {
+        ekintza.elkarlana && (
+          <div class="elkarlana-wrapper-mobile">
+            <Elkarlana elkarlana={ekintza.elkarlana} />
+          </div>
+        )
+      }
     </article>
   </main>
 
@@ -178,8 +195,26 @@ const irudia = ekintza.mainMedia ? getImageData(ekintza.mainMedia) : null;
   .deskribapena {
     margin-top: var(--space-04-mobile);
 
+    color: var(--marroia);
+
     @include mediaQueries.aboveTablet {
       margin-top: var(--space-05-desktop);
     }
   }
+
+  .elkarlana-wrapper-desktop {
+    margin-top: var(--space-07-desktop);
+
+    @include mediaQueries.belowTablet {
+      display: none;
+    }
+  }
+
+  .elkarlana-wrapper-mobile {
+    margin-top: var(--space-05-mobile);
+
+    @include mediaQueries.aboveTablet {
+      display: none;
+    }
+  }
 </style>