gitea_admin/wondif_vue
1
0
Fork 0
generated from gitea_admin/default
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lien mécénat et contacts

Browse Source
This commit is contained in:
Julie
2026-07-06 14:39:19 +02:00
parent dc345b5d75
commit b0ccb82447
6 changed files with 39 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/ContactSpecifique.vue
View File

@@ -6,9 +6,10 @@
<div class="confetti"></div>
<div class="contact_spe_descripion">
<div class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom }}<span class="contact_spe_descripion_item--poste">, {{ poste }}</span></div>
<div v-if="nom2" class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom2 }}<span v-if="poste2" class="contact_spe_descripion_item--poste">, {{ poste2 }}</span></div>
<div v-if="numero" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
<div v-if="mail" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
<div v-if="nom2" class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom2 }}<span v-if="poste2" class="contact_spe_descripion_item--poste">, {{ poste2 }}</span></div>
<div v-if="mail2" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail2 }}</div>
<div v-if="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
</div>
</section>
@@ -25,6 +26,7 @@
poste2: { type: String, default: '' },
numero: { type: String, default: '' },
mail: { type: String, required: true },
mail2: { type: String, required: true },
adresse: { type: String, default: ''}
})
</script>
@@ -52,14 +54,23 @@
.contact_spe_descripion {
max-width: 370px;
.contact_spe_descripion_item {
padding-bottom: 10px;
//padding-bottom: 10px;
&--nom {
font-weight: var(--fw-semibold);
}
&--poste {
font-weight: var(--fw-light);
}
&--nom {
padding-top: 12px;
}
&--numero {
font-weight: var(--fw-extralight);
color: var(--c-text-black-soft);
}
}
}

12
app/components/RoundedCard.vue
View File

@@ -8,7 +8,13 @@
<!-- Content -->
<div class="rounded-card__content">
<NuxtLink v-if="url" :to="url" class="rounded-card__title-link">
<NuxtLink
v-if="url"
:to="url"
:target="isExternalUrl ? '_blank' : undefined"
:rel="isExternalUrl ? 'noopener noreferrer' : undefined"
class="rounded-card__title-link"
>
<DsHeading as="h5" tone="default" class="rounded-card__title">
{{ title }}
</DsHeading>
@@ -34,7 +40,7 @@
import DsButtonArrow from '@root/design-system/primitives/DsButtonArrow.vue'
defineProps({
const props = defineProps({
id: { type: [String, Number], required: true },
title: { type: String, required: true },
url: { type: String, required: true },
@@ -43,6 +49,8 @@
imgAlt: { type: String, default: '' },
ratio: { type: String, default: 'square' },
})
const isExternalUrl = computed(() => /^https?:\/\//i.test(props.url))
</script>
<style lang="scss">