bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved entite content layout #2325

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2024-01-12 12:16:29 +01:00
parent 9d36ed7941
commit 28c008ae1f
3 changed files with 30 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/gql/entite.fragment.gql
View File

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

28
src/assets/main.scss
View File

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

8
src/components/contents/Entite.vue
View File

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