levis/ebook
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add heroblock
All checks were successful
Deploy Application / deploy (push) Successful in 6s
Details

Browse Source
This commit is contained in:
koziavin
2025-06-13 11:35:23 +04:00
parent 8c2f2194d9
commit 1be8ebd16f
12 changed files with 74 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/UiFooter/UiFooter.vue
View File

@ -1,7 +1,7 @@
<template>
<footer class="mx-auto container">
<div class="relative z-10">
<div class="flex space-x-[51px] mb-5">
<div class="flex flex-wrap space-x-[51px] mb-5">
<UiNav :nav-content="footerNavigation" />
</div>
<div class="xl:max-w-[1225px] pb-7 flex justify-between">

2
src/layout/UiHeader/UiHeader.vue
View File

@ -8,7 +8,7 @@
<RouterLink to="/"> Vino Galante </RouterLink>
</UiParagraph>
</div>
<div class="flex space-x-10">
<div class="flex flex-wrap space-x-10">
<UiNav :nav-content="headerNavigation" />
</div>
</div>

7
src/layout/UiLayout.vue
View File

@ -6,10 +6,13 @@
class="relative z-10 after:content-[''] after:absolute after:top-0 after:right-0 after:w-[820px] after:h-[535px] after:bg-[url(/src/assets/img/webp/gradient.webp)] after:bg-no-repeat after:bg-[right_top] after:bg-contain after:pointer-events-none"
/>
<div
class="relative z-20 after:content-[''] after:absolute after:top-0 after:right-0 after:w-[820px] after:h-[1400px] after:bg-[url(/src/assets/img/webp/group-flowers.webp)] after:bg-no-repeat after:bg-[right_top] after:bg-cover after:pointer-events-none"
class="relative z-20 after:content-[''] after:absolute after:top-0 after:right-0 after:w-[1120px] after:h-[1800px] after:bg-[url(/src/assets/img/webp/group-flowers.webp)] after:bg-no-repeat after:bg-[right_top] after:bg-cover after:pointer-events-none"
/>
<div
class="relative z-40 before:content-[''] before:absolute before:top-0 before:left-0 before:w-[1120px] before:h-[1000px] before:bg-[url(/src/assets/img/webp/hero-flowers.webp)] before:bg-no-repeat before:bg-left before:bg-contain"
/>
<UiHeader class="relative z-50" />
<UiMain class="!min-h-[1800px] text-primary relative z-50">
<UiMain class="!min-h-[1800px] text-primary relative">
<slot />
</UiMain>
<UiFooter />

4
src/layout/UiMain/UiMain.vue
View File

@ -1,6 +1,6 @@
<template>
<main class="pt-16 mt-10 px-6 min-h-screen h-full">
<div class="max-w-5xl mx-auto">
<main class="mt-10 px-6 min-h-screen h-full">
<div class="max-w-[1280px] mx-auto">
<Suspense>
<slot />
</Suspense>