cima-squad/giampy-dogservice
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aggiunta P.IVA al footer, da fixare il css

Browse Source
This commit is contained in:
Carlo Giovanni Scaglione
2026-04-21 12:02:06 +02:00
parent 2235f6277b
commit dfdf898896
3 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.codex
View File
src/routes/+page.svelte
+9 -3
View File
@@ -381,8 +381,12 @@
<span class="footer-brand-name">{c['nav.brand']}</span> <span class="footer-brand-name">{c['nav.brand']}</span>
</div> </div>
<p>{c['footer.tagline']}</p> <p>{c['footer.tagline']}</p>
<div class="footer-company-meta">
<p>Giampy DogSitter Sassari di Scaglione Giampiero</p>
<p>P. Iva: 02533580904</p>
</div>
<div class="footer-socials"> <div class="footer-socials">
<a href="https://www.instagram.com/giampy.dogsitter.sassari/" class="footer-social-btn" aria-label="Instagram"> <a href="https://www.instagram.com/giampy.dogsitter.sassari/" class="footer-social-btn" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
<i class="fa-brands fa-instagram"></i> <i class="fa-brands fa-instagram"></i>
</a> </a>
<a href="https://www.facebook.com/giampy.dogsitter.sassari" class="footer-social-btn" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> <a href="https://www.facebook.com/giampy.dogsitter.sassari" class="footer-social-btn" aria-label="Facebook" target="_blank" rel="noopener noreferrer">
@@ -401,8 +405,10 @@
<h4>{c['footer.col2_title']}</h4> <h4>{c['footer.col2_title']}</h4>
<a href="#chi-sono">{c['footer.col2_l1']}</a> <a href="#chi-sono">{c['footer.col2_l1']}</a>
<a href="#testimonianze">{c['footer.col2_l2']}</a> <a href="#testimonianze">{c['footer.col2_l2']}</a>
<a href="#">{c['footer.col2_l3']}</a> <span class="footer-placeholder-link">{c['footer.col2_l3']}</span>
<a href="#">{c['footer.col2_l4']}</a> {#if c['footer.col2_l4']}
<span class="footer-placeholder-link">{c['footer.col2_l4']}</span>
{/if}
</div> </div>
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">
src/site.css
+22 -2
View File
@@ -470,7 +470,10 @@
display: flex; justify-content: space-between; align-items: flex-start; display: flex; justify-content: space-between; align-items: flex-start;
gap: 3rem; flex-wrap: wrap; margin-bottom: 48px; gap: 3rem; flex-wrap: wrap; margin-bottom: 48px;
} }
.footer-brand { max-width: 320px; } .footer-brand {
flex: 1 1 440px;
max-width: 520px;
}
.footer-brand-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } .footer-brand-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.footer-brand img { height: 38px; width: 38px; object-fit: contain; } .footer-brand img { height: 38px; width: 38px; object-fit: contain; }
.footer-brand-name { .footer-brand-name {
@@ -479,8 +482,18 @@
} }
.footer-brand p { .footer-brand p {
color: var(--muted); font-size: 14px; line-height: 1.65; color: var(--muted); font-size: 14px; line-height: 1.65;
margin-bottom: 18px; max-width: 260px; margin-bottom: 18px;
max-width: 100%;
} }
.footer-company-meta { margin-bottom: 18px; }
.footer-company-meta p {
margin: 0 0 6px;
max-width: 100%;
color: var(--muted);
font-size: 12px;
line-height: 1.55;
}
.footer-company-meta p:last-child { margin-bottom: 0; }
.footer-socials { display: flex; gap: 10px; } .footer-socials { display: flex; gap: 10px; }
.footer-social-btn { .footer-social-btn {
width: 36px; height: 36px; border-radius: 50%; width: 36px; height: 36px; border-radius: 50%;
@@ -500,6 +513,13 @@
font-size: 13px; color: var(--muted); font-weight: 500; font-size: 13px; color: var(--muted); font-weight: 500;
transition: color 0.2s; transition: color 0.2s;
} }
.footer-placeholder-link {
display: block;
margin-bottom: 10px;
font-size: 13px;
color: var(--muted);
font-weight: 500;
}
.footer-col a:hover { color: var(--gold); } .footer-col a:hover { color: var(--gold); }
.footer-bottom { .footer-bottom {
border-top: 1px solid rgba(194, 200, 192, 0.2); padding-top: 24px; border-top: 1px solid rgba(194, 200, 192, 0.2); padding-top: 24px;