generated from gitea_admin/default
divers dev
This commit is contained in:
@@ -283,7 +283,7 @@
|
||||
@media (min-width: 900px) {
|
||||
font-size: 18px;
|
||||
}
|
||||
padding-bottom: 7px;
|
||||
padding-bottom: 3px;
|
||||
&:hover {
|
||||
a {
|
||||
color: var(--c-brand_rouge);
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
<div class="contact_spe_descripion">
|
||||
<div class="contact_spe_descripion_item contact_spe_descripion_item--nom">{{ nom }}</div>
|
||||
<div class="contact_spe_descripion_item contact_spe_descripion_item--poste">{{ poste }}</div>
|
||||
<div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ numero }}</div>
|
||||
<div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ mail }}</div>
|
||||
<div class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</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="adresse" class="contact_spe_descripion_item contact_spe_descripion_item--numero">{{ adresse }}</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
@@ -21,9 +21,9 @@
|
||||
titre: { type: String, required: true },
|
||||
nom: { type: String, required: true },
|
||||
poste: { type: String, required: true },
|
||||
numero: { type: String, required: true },
|
||||
numero: { type: String, default: '' },
|
||||
mail: { type: String, required: true },
|
||||
adresse: { type: String, required: true}
|
||||
adresse: { type: String, default: ''}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
@@ -68,6 +68,19 @@
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.concert-card__media {
|
||||
width: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
background: rgba(0, 0, 0, 0.04);
|
||||
overflow: hidden;
|
||||
|
||||
.ds-media,
|
||||
.musicien_card_media-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.concert-card__content {
|
||||
display: grid;
|
||||
gap: var(--sp-6);
|
||||
|
||||
@@ -65,10 +65,7 @@
|
||||
|
||||
<!-- CARTES PARTOUT ET POUR TOUS -->
|
||||
<PageSection padded_size="" class="theme_ppt_cards_wp">
|
||||
<SectionContent
|
||||
class="theme_ppt"
|
||||
:style="themePptCardsBgStyle"
|
||||
>
|
||||
<SectionContent class="theme_ppt">
|
||||
<RoundedCardList >
|
||||
<RoundedCard
|
||||
v-for="ppt_card in cards_ppt"
|
||||
|
||||
@@ -99,9 +99,42 @@
|
||||
</div>
|
||||
</section>
|
||||
</PageSection>
|
||||
<!-- ================== -->
|
||||
<!-- BOUTONS DON ET PLAQUETTE -->
|
||||
<!-- ================== -->
|
||||
<PageSection class="mt-5 mb-[50px]">
|
||||
<SectionContent>
|
||||
<!-- PDF -->
|
||||
<div class="flex justify-center flex-wrap gap-5">
|
||||
<div>
|
||||
<a
|
||||
href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
|
||||
download="cercle_des_particuliers_plaquette_2025"
|
||||
class="flex items-center gap-2 px-6 py-2 bg-secondary-brand-container text-primary-brand-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<span class="material-symbols-outlined text-lg">volunteer_activism</span>
|
||||
FAIRE UN DON EN LIGNE
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a
|
||||
href="https://media.orchestre-ile.com/uploads/cercle_des_particuliers_plaquette_2025_981efe3857.pdf"
|
||||
download="cercle_des_particuliers_plaquette_2025"
|
||||
class="flex items-center gap-2 px-6 py-2 bg-primary-container text-on-primary-container rounded-full font-bold text-sm hover:bg-primary-fixed transition-colors"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<span class="material-symbols-outlined text-lg">picture_as_pdf</span>
|
||||
PLAQUETTE DE VOS AVANTAGES
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</SectionContent>
|
||||
</PageSection>
|
||||
</template>
|
||||
|
||||
|
||||
<!-- ================== -->
|
||||
<!-- CONTACT -->
|
||||
<!-- ================== -->
|
||||
@@ -125,6 +158,28 @@
|
||||
import DsMedia from '@root/design-system/primitives/DsMedia.vue'
|
||||
import { computed } from 'vue'
|
||||
|
||||
useHead({
|
||||
link: [
|
||||
{
|
||||
rel: 'preconnect',
|
||||
href: 'https://fonts.googleapis.com',
|
||||
},
|
||||
{
|
||||
rel: 'preconnect',
|
||||
href: 'https://fonts.gstatic.com',
|
||||
crossorigin: '',
|
||||
},
|
||||
{
|
||||
rel: 'stylesheet',
|
||||
href: 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap',
|
||||
},
|
||||
{
|
||||
rel: 'stylesheet',
|
||||
href: 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap',
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
// ======================================
|
||||
// RÉCUPÉRATION DES DONNÉES DANS STRAPI
|
||||
// ======================================
|
||||
|
||||
@@ -281,7 +281,7 @@
|
||||
v-model.trim="quoteForm.message"
|
||||
rows="6"
|
||||
class="w-full rounded-xl border border-outline-variant/30 bg-white px-4 py-3 text-sm text-on-surface outline-none transition-colors focus:border-primary"
|
||||
placeholder="Précisez votre besoin, les dates, le matériel ou l’événement concerné."
|
||||
placeholder="Précisez votre besoin, les dates de retrait et retour (le Parc est fermé le weekend). Nous ne faisons pas de livraisons."
|
||||
></textarea>
|
||||
<p v-if="quoteFormErrors.message" class="text-xs text-error">{{ quoteFormErrors.message }}</p>
|
||||
</div>
|
||||
|
||||
@@ -64,6 +64,8 @@ export default {
|
||||
'surface-container-lowest': '#ffffff',
|
||||
'surface-dim': '#cdd9ff',
|
||||
'on-secondary': '#f7f9ff',
|
||||
'secondary-brand-container': '#e3061338',
|
||||
'primary-brand-container': '#E20018',
|
||||
},
|
||||
borderRadius: {
|
||||
DEFAULT: '0.125rem',
|
||||
|
||||
Reference in New Issue
Block a user