mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bx-1047-icon #21

Merged
ksenia_mikhailova merged 5 commits from bx-1047-icon into dev 2024-07-11 10:22:59 +03:00
Conversation 0 Commits 5 Files Changed 7 +13 -2
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c2578637a7 - Show all commits

13
components/footer.vue
View File

@ -2,6 +2,15 @@
import k_logo from '@/assets/LOGO.svg' import k_logo from '@/assets/LOGO.svg'
import { apiFetch } from '~/utils/apiFetch'; 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<ApiFooterType[]>(`footer/?ordering=small_text`) const { data: footerData } = await apiFetch<ApiFooterType[]>(`footer/?ordering=small_text`)
const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`social_network/`) const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`social_network/`)
</script> </script>
@ -17,7 +26,9 @@ const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`so
<div class="footer-text footer-text-social" v-if="social_networkData"> <div class="footer-text footer-text-social" v-if="social_networkData">
<template v-for="item in social_networkData"> <template v-for="item in social_networkData">
<a :href="item.link" target="_blank"> <a :href="item.link" target="_blank">
<Icon :name="item.icon" /> {{ item.name }} <component :is="icons[(item.icon.trim() as keyof typeof icons)]"
v-if="icons.hasOwnProperty(item.icon.trim())" />
<Icon :name="item.icon" v-else /> {{ item.name }}
</a> </a>
</template> </template>
</div> </div>

2
components/header.vue
View File

@ -11,8 +11,8 @@ const route = useRoute()
<div class="container"> <div class="container">
<div class="logo"> <div class="logo">
<div class="k-logo"> <div class="k-logo">
<k_logo />
<NuxtLink to="/"> <NuxtLink to="/">
<k_logo />
Kupizabor Kupizabor
</NuxtLink> </NuxtLink>
</div> </div>