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 #23

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

12
assets/main.scss
View File

@ -77,7 +77,7 @@ a[href^="#"] {
} }
.footer { .footer {
@apply px-2 py-4 bg-slate-200 text-zinc-800; @apply px-2 py-4 bg-slate-200 text-zinc-800 pt-12;
.container { .container {
@apply gap-4 @apply gap-4
@ -89,6 +89,12 @@ a[href^="#"] {
svg { svg {
@apply my-0 mx-auto; @apply my-0 mx-auto;
} }
&:after {
content: '';
@apply block lg:hidden mr-auto ml-auto mt-5 h-[2px] max-w-44 mx-4 align-middle bg-gradient-to-r from-transparent via-zinc-800 via-50% to-transparent;
}
} }
&-text { &-text {
@ -118,6 +124,7 @@ a[href^="#"] {
&-big { &-big {
@apply text-3xl order-1 w-full text-center; @apply text-3xl order-1 w-full text-center;
.footer-icon-text { .footer-icon-text {
@apply no-underline; @apply no-underline;
} }
@ -127,8 +134,9 @@ a[href^="#"] {
@apply underline; @apply underline;
} }
} }
&_two { &_two {
@apply xl:bg-slate-200 py-16 text-sm text-zinc-500; @apply xl:bg-slate-200 py-16 lg:py-8 text-sm text-zinc-500;
} }
} }

6
components/footer.vue
View File

@ -18,12 +18,12 @@ const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`so
<div> <div>
<div class="footer" id="contacts"> <div class="footer" id="contacts">
<div class="container"> <div class="container">
<div class="col-span-3"> <div class="col-span-12 lg:col-span-6 xl:col-span-3 mb-12 lg:mb-0">
<div class="k-logo"> <div class="k-logo">
<k_logo /> <k_logo />
</div> </div>
</div> </div>
<div class="col-span-6"> <div class="col-span-12 lg:col-span-6 xl:col-span-6 mb-12 lg:mb-0">
<template v-for="item in footerData"> <template v-for="item in footerData">
<div class="footer-text" v-if="!item.small_text"> <div class="footer-text" v-if="!item.small_text">
<template v-for="p in item.text.split('\n')"> <template v-for="p in item.text.split('\n')">
@ -32,7 +32,7 @@ const { data: social_networkData } = await apiFetch<ApiSocial_networkType[]>(`so
</div> </div>
</template> </template>
</div> </div>
<div class="col-span-3"> <div class="col-span-12 xl:col-span-3">
<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 :class="['footer-icon', { 'footer-icon-big': !item.icon }]" :href="item.link" <a :class="['footer-icon', { 'footer-icon-big': !item.icon }]" :href="item.link"