Adriano/InsanityLab-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Consulenza: la nota sta sotto il suo bottone, non sotto Contattaci (#22)

Browse Source 
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Adriano (goldrake)
2026-09-29 20:39:15 +00:00
parent ae98c4b889
commit 5c39b04c31
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/services/[slug].astro
+8 -4
View File
@@ -44,10 +44,12 @@ const tones = ['tan', 'taupe', 'dark'];
<div class="prog__cta-row"> <div class="prog__cta-row">
{slug === 'reformer-class' && <a class="btn" href="/contact">{t('service.contact-cta')}</a>} {slug === 'reformer-class' && <a class="btn" href="/contact">{t('service.contact-cta')}</a>}
{PAGINE_CON_CONSULENZA.includes(slug) && ( {PAGINE_CON_CONSULENZA.includes(slug) && (
<a class="btn btn--consulenza" href={linkConsulenza(t('global.consulenza.url'))} target="_blank" rel="noopener noreferrer">{t('service.consulenza-cta')}</a> <div class="prog__cta-consulenza">
<a class="btn btn--consulenza" href={linkConsulenza(t('global.consulenza.url'))} target="_blank" rel="noopener noreferrer">{t('service.consulenza-cta')}</a>
<T tag="service.consulenza-note" as="p" class="prog__cta-note" />
</div>
)} )}
</div> </div>
{PAGINE_CON_CONSULENZA.includes(slug) && <T tag="service.consulenza-note" as="p" class="prog__cta-note" />}
</div> </div>
)} )}
{service.features.length > 0 && ( {service.features.length > 0 && (
@@ -158,12 +160,14 @@ const tones = ['tan', 'taupe', 'dark'];
.prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; } .prog__calendario { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 36px; padding: 10px 16px 10px 10px; border: 0; cursor: pointer; text-align: left; background: #6b5d5b; color: #fff; font-family: var(--font-heading); font-size: .82rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; transition: background .2s; }
.prog__calendario:hover { background: var(--c-accent-dark); } .prog__calendario:hover { background: var(--c-accent-dark); }
.prog__cta { margin: 10px 0 30px; } .prog__cta { margin: 10px 0 30px; }
.prog__cta-row { display: flex; flex-wrap: wrap; gap: 12px; } .prog__cta-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
/* La nota (durata, sede) sta sotto il suo bottone, non sotto Contattaci (Adriano 29/09). */
.prog__cta-consulenza { display: flex; flex-direction: column; }
.btn--consulenza { background: #6b5d5b; } .btn--consulenza { background: #6b5d5b; }
.btn--consulenza:hover { background: var(--c-accent-dark); } .btn--consulenza:hover { background: var(--c-accent-dark); }
/* Il paragrafo lo stampa il componente T: senza :global lo stile scoped della pagina non lo raggiunge. */ /* Il paragrafo lo stampa il componente T: senza :global lo stile scoped della pagina non lo raggiunge. */
.prog__cta :global(.prog__cta-note) { font-size: .8rem; color: var(--c-text-light); margin: 8px 0 0; } .prog__cta :global(.prog__cta-note) { font-size: .8rem; color: var(--c-text-light); margin: 8px 0 0; }
@media (max-width: 600px) { .prog__cta-row .btn { flex: 1 1 100%; justify-content: center; text-align: center; } } @media (max-width: 600px) { .prog__cta-row > .btn, .prog__cta-consulenza { flex: 1 1 100%; } .prog__cta-row .btn { justify-content: center; text-align: center; } }
.prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; } .prog__icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--c-accent); color: #fff; flex-shrink: 0; }
.price__group { border-top: 1px solid #ddd5ca; padding-block: 18px; } .price__group { border-top: 1px solid #ddd5ca; padding-block: 18px; }
.price__group summary { cursor: pointer; font-family: var(--font-heading); letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; color: var(--c-heading); } .price__group summary { cursor: pointer; font-family: var(--font-heading); letter-spacing: .12em; text-transform: uppercase; font-size: .85rem; color: var(--c-heading); }