studio-variable/geoproject-app
4
0
Fork 0
Code Issues 24 Pull requests Projects Releases Packages Wiki Activity Actions

add geoformat image
All checks were successful
Deploy / Build and Deploy to Production (push) Successful in 23s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-03-23 11:25:53 +01:00
parent 75e7f375b3
commit 2eaf9aab7e
6 changed files with 27 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/PagedJsWrapper.vue
View file

@ -33,7 +33,9 @@
class="geoformat"
:data-page-type="item.template"
>
<img v-if="item.cover" :src="item.cover" class="cover-image" alt="" />
<figure v-if="item.cover" class="geoformat-cover-image">
<img :src="item.cover" alt="" />
</figure>
<h2>{{ item.title }}</h2>
<p v-if="item.subtitle" class="subtitle">{{ item.subtitle }}</p>
<div v-if="item.tags && item.tags.length" class="tags">
@ -157,11 +159,17 @@ const getBlockComponent = (type) => {
}
.narrative-cover .cover-image,
.geoformat .cover-image {
.geoformat .geoformat-cover-image {
max-width: 100%;
height: auto;
}
.geoformat .geoformat-cover-image img {
max-width: 100%;
height: auto;
display: block;
}
.narrative-cover h1 {
margin-top: 1rem;
}