diff --git a/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap index 61681328d0..1559ac7505 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap @@ -6,49 +6,71 @@ exports[`Footer > renders the Footer component 1`] = ` class="footer" >
- - + + - Terms of use + + + - - - + + Explorer v + 0.0.0 + ( + hash1234 2024-01-12 + ) + + `; diff --git a/explorer/src/lib/components/footer/Footer.css b/explorer/src/lib/components/footer/Footer.css index 0a595a2d04..ecb2663cac 100644 --- a/explorer/src/lib/components/footer/Footer.css +++ b/explorer/src/lib/components/footer/Footer.css @@ -1,9 +1,14 @@ .footer { display: flex; - flex-direction: row; + flex-direction: column; padding: 1.25rem 0; font-size: 0.875rem; - justify-content: flex-end; + align-items: flex-end; + gap: 0.625rem; +} + +.footer__content { + display: flex; } .footer__copyright { @@ -41,6 +46,10 @@ @media (max-width: 768px) { .footer { + align-items: center; + } + + .footer__content { flex-wrap: wrap; justify-content: space-between; gap: 0.625rem; diff --git a/explorer/src/lib/components/footer/Footer.svelte b/explorer/src/lib/components/footer/Footer.svelte index a515437ed5..fd0b9594c7 100644 --- a/explorer/src/lib/components/footer/Footer.svelte +++ b/explorer/src/lib/components/footer/Footer.svelte @@ -7,30 +7,38 @@