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..b38cf9deba 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/Footer.spec.js.snap @@ -11,44 +11,56 @@ exports[`Footer > renders the Footer component 1`] = ` © 2018 - 2024 Dusk Network B.V. All Rights Reserved. + + + Explorer v + 0.0.0 + ( + hash1234 2024-01-12 + ) +
- Terms of use + - - - - `; diff --git a/explorer/src/lib/components/footer/Footer.css b/explorer/src/lib/components/footer/Footer.css index 0a595a2d04..5d97e1b3f8 100644 --- a/explorer/src/lib/components/footer/Footer.css +++ b/explorer/src/lib/components/footer/Footer.css @@ -3,21 +3,27 @@ flex-direction: row; padding: 1.25rem 0; font-size: 0.875rem; - justify-content: flex-end; + justify-content: space-between; } .footer__copyright { + display: flex; + gap: 0.625rem; order: 1; } -.footer__links { - padding-left: 1.25rem; - padding-right: 1.875rem; +.footer__links-test { display: flex; gap: 1.25rem; order: 2; } +.footer__links { + display: flex; + gap: 1.25rem; + order: 1; +} + .footer__links-link { text-decoration: underline; color: var(--primary-color); @@ -32,13 +38,19 @@ } .footer__logo { - order: 3; + order: 2; } .footer__logo-image { width: 5.375rem; } +@media (max-width: 1200px) { + .footer__copyright { + flex-direction: column; + } +} + @media (max-width: 768px) { .footer { flex-wrap: wrap; @@ -50,7 +62,13 @@ order: 3; width: 100%; display: flex; - justify-content: flex-end; + flex-direction: column; + } + + .footer__links-test { + justify-content: space-between; + width: 100%; + padding: 0; } .footer__links { diff --git a/explorer/src/lib/components/footer/Footer.svelte b/explorer/src/lib/components/footer/Footer.svelte index a515437ed5..b4d148a6af 100644 --- a/explorer/src/lib/components/footer/Footer.svelte +++ b/explorer/src/lib/components/footer/Footer.svelte @@ -9,28 +9,35 @@ diff --git a/explorer/src/routes/__tests__/__snapshots__/layout.spec.js.snap b/explorer/src/routes/__tests__/__snapshots__/layout.spec.js.snap index d160ea0eda..33b4dc5b26 100644 --- a/explorer/src/routes/__tests__/__snapshots__/layout.spec.js.snap +++ b/explorer/src/routes/__tests__/__snapshots__/layout.spec.js.snap @@ -145,44 +145,56 @@ exports[`Main layout > should render the app's main layout 1`] = ` © 2018 - 2024 Dusk Network B.V. All Rights Reserved. + + + Explorer v + 0.0.0 + ( + hash1234 2024-01-12 + ) + - Terms of use + - - - - diff --git a/explorer/vite.config.js b/explorer/vite.config.js index c2ca23c4b2..810824b903 100644 --- a/explorer/vite.config.js +++ b/explorer/vite.config.js @@ -7,7 +7,7 @@ export default defineConfig(({ mode }) => { const env = loadEnv(mode, process.cwd()); const buildDate = new Date().toISOString().substring(0, 10); const buildHash = execSync( - "git log -1 --grep='web-wallet:' --format=format:'%h'" + "git log -1 --grep='explorer:' --format=format:'%h'" ); const APP_VERSION = process.env.npm_package_version ?? "unknown"; const APP_BUILD_INFO = `${buildHash.toString() || "unknown"} ${buildDate}`;