added dynamic illustration

This commit is contained in:
Nico 2023-11-05 10:42:11 +01:00
parent 846889e2a0
commit 01aa34da8d
4 changed files with 14 additions and 12142 deletions

18
app.vue
View File

@ -64,13 +64,15 @@ async function runMutation(payload) {
<h1>Liste de naissance</h1>
<section class="intro sidebar--reverse" data-direction="rtl">
<article v-html="homepage.content" class="editorial" />
<img
src="~/assets/images/jungle.jpg"
<div>
<NuxtImg
:src="`https://contenu.liste-bebe-macia-capde.fr/assets/${homepage.illustration.id}.`"
width="900"
height="563"
class="intro__image"
width="400"
height="600"
alt=""
/>
</div>
</section>
<hr />
<SortFilter :onSort="sortList" :onDisplay="toggleDisplay" />
@ -96,19 +98,15 @@ h1 {
text-align: center;
}
.intro {
--sidebar-target-width: 400px;
--sidebar-target-grow: 0;
--sidebar-target-width: 500px;
margin: var(--space-m-l) auto;
max-inline-size: 90ch;
align-items: center;
justify-content: center;
}
.intro__image {
margin-inline: auto;
mix-blend-mode: multiply;
filter: brightness(110%);
height: 600px;
width: 400px;
object-fit: cover;
}
hr {
margin-block: var(--space-xs-s);

BIN
bun.lockb

Binary file not shown.

12129
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -2,5 +2,8 @@ query getHomepage {
homepage {
date_updated
content
illustration {
id
}
}
}