diff --git a/assets/icons/telegram.svg b/assets/icons/telegram.svg new file mode 100644 index 0000000..3398099 --- /dev/null +++ b/assets/icons/telegram.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/vk.svg b/assets/icons/vk.svg new file mode 100644 index 0000000..148494b --- /dev/null +++ b/assets/icons/vk.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/icons/youtube.svg b/assets/icons/youtube.svg new file mode 100644 index 0000000..2b93a07 --- /dev/null +++ b/assets/icons/youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/main.scss b/assets/main.scss index 9e2a361..54c8691 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -63,7 +63,7 @@ a[href^="#"] { } .k-logo { - @apply col-span-12 xl:col-span-2 row-span-3 text-9xl text-orange-400; + @apply col-span-12 xl:col-span-2 row-span-3 text-9xl text-ioprim; svg { @apply my-0 mx-auto; diff --git a/components/footer.vue b/components/footer.vue index b43d762..2efc357 100644 --- a/components/footer.vue +++ b/components/footer.vue @@ -2,6 +2,15 @@ import k_logo from '@/assets/LOGO.svg' import { apiFetch } from '~/utils/apiFetch'; +import tg from '@/assets/icons/telegram.svg' +import vk from '@/assets/icons/vk.svg' +import yt from '@/assets/icons/youtube.svg' +const icons = { + 'simple-icons:vk': vk, + 'simple-icons:telegram': tg, + 'simple-icons:youtube': yt, +} + const { data: footerData } = await apiFetch(`footer/?ordering=small_text`) const { data: social_networkData } = await apiFetch(`social_network/`) @@ -17,7 +26,9 @@ const { data: social_networkData } = await apiFetch(`so diff --git a/components/header.vue b/components/header.vue index c28f170..92b19df 100644 --- a/components/header.vue +++ b/components/header.vue @@ -11,11 +11,11 @@ const route = useRoute()