diff --git a/packages/theme/components/AppFooter.vue b/packages/theme/components/AppFooter.vue index 71195c129..159499209 100644 --- a/packages/theme/components/AppFooter.vue +++ b/packages/theme/components/AppFooter.vue @@ -120,6 +120,8 @@ export default { } &__social-image { margin: 0 var(--spacer-2xs) 0 0; + background-color: #fff; + border-radius: 100%; } } .sf-footer { diff --git a/packages/theme/components/utils/LoadWhenVisible.vue b/packages/theme/components/utils/LoadWhenVisible.vue new file mode 100644 index 000000000..100ced5f2 --- /dev/null +++ b/packages/theme/components/utils/LoadWhenVisible.vue @@ -0,0 +1,53 @@ + + diff --git a/packages/theme/layouts/default.vue b/packages/theme/layouts/default.vue index 83c951f25..01a16860f 100644 --- a/packages/theme/layouts/default.vue +++ b/packages/theme/layouts/default.vue @@ -14,7 +14,9 @@ - + + + @@ -27,6 +29,7 @@ import { useUser, } from '@vue-storefront/magento'; import useUiState from '~/composables/useUiState.ts'; +import LoadWhenVisible from '~/components/utils/LoadWhenVisible'; import { useMagentoConfiguration } from '~/composables/useMagentoConfiguration'; import AppHeader from '~/components/AppHeader.vue'; @@ -37,6 +40,7 @@ export default defineComponent({ name: 'DefaultLayout', components: { + LoadWhenVisible, LazyHydrate, AppHeader, TopBar, diff --git a/packages/theme/static/icons/facebook.svg b/packages/theme/static/icons/facebook.svg index 8dcb72b3f..a8de24630 100644 --- a/packages/theme/static/icons/facebook.svg +++ b/packages/theme/static/icons/facebook.svg @@ -1,4 +1 @@ - - - - + diff --git a/packages/theme/static/icons/google.svg b/packages/theme/static/icons/google.svg index c3fe1f003..fcdae1d83 100644 --- a/packages/theme/static/icons/google.svg +++ b/packages/theme/static/icons/google.svg @@ -1,10 +1 @@ - - - - - - - - - - + diff --git a/packages/theme/static/icons/pinterest.svg b/packages/theme/static/icons/pinterest.svg index f0527a7a5..dff5ed6ab 100644 --- a/packages/theme/static/icons/pinterest.svg +++ b/packages/theme/static/icons/pinterest.svg @@ -1,10 +1,6 @@ - - - - - - - - - + + + + + diff --git a/packages/theme/static/icons/twitter.svg b/packages/theme/static/icons/twitter.svg index 338994fd1..4f4618691 100644 --- a/packages/theme/static/icons/twitter.svg +++ b/packages/theme/static/icons/twitter.svg @@ -1,10 +1 @@ - - - - - - - - - - + diff --git a/packages/theme/static/icons/youtube.svg b/packages/theme/static/icons/youtube.svg index 795eaedbf..4bfd2229d 100644 --- a/packages/theme/static/icons/youtube.svg +++ b/packages/theme/static/icons/youtube.svg @@ -1,10 +1,9 @@ - - - - - - - - - + + + + + + + +