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

fix
Some checks failed
Deploy Nuxt App / deploy (push) Failing after 16m30s
Details

Browse Source
This commit is contained in:
koziavin
2025-07-27 13:03:18 +04:00
parent c88be2ff6f
commit 7760305c08
6 changed files with 89 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
pages/books/[titlesSlug]/[titlesSlug].vue
View File

@ -1,19 +1,23 @@
<template>
<div v-if="titles" class="relative z-50 min-h-screen text-white mb-[208px]">
<section class="flex flex-col relative z-40 mt-40 ml-18">
<UiHeading tag="H1" class="whitespace-pre-line [&]:font-normal mb-10 -ml-5" size="500">
<UiHeading
tag="H1"
class="whitespace-pre-line [&]:font-normal mb-10 -ml-5 !text-[24px]"
size="500"
>
{{ titles.title }}
</UiHeading>
<div class="flex flex-col gap-6">
<div v-for="(section, index) in titles.sections" :key="index" class="flex flex-col gap-4">
<!-- Main section title -->
<UiHeading tag="h2" size="300" class="text-three [&]:font-normal">
<UiHeading tag="h2" size="300" class="text-[#E20C66] !text-[24px] [&]:font-normal">
{{ section.title }}
</UiHeading>
<!-- Subsections -->
<div v-if="section.subsections" class="ml-6 flex flex-col gap-4">
<div v-if="section.subsections" class="ml-10 flex flex-col gap-4">
<div
v-for="(subsection, subIndex) in section.subsections"
:key="subIndex"
@ -30,17 +34,26 @@
:alt="subsection.title.text"
class="w-6 h-6"
/>
<UiHeading tag="H3" size="300" class="[&]:font-normal">
<UiHeading
tag="H3"
size="300"
class="[&]:text-[#FFFFFF] !text-[22px] [&]:font-normal"
>
{{ subsection.title.text }}
</UiHeading>
</div>
<!-- Regular subsection -->
<UiHeading v-else tag="H3" size="300" class="[&]:text-gray-200 [&]:font-normal">
<UiHeading
v-else
tag="H3"
size="300"
class="[&]:text-[#FFFFFF] ml-1 !text-[22px] [&]:font-normal"
>
{{ subsection.title }}
</UiHeading>
<!-- Items list -->
<ul v-if="subsection.items" class="ml-6 flex flex-col gap-2 list-decimal">
<ul v-if="subsection.items" class="ml-10 flex flex-col gap-2 list-decimal">
<li v-for="(item, itemIndex) in subsection.items" :key="itemIndex">
<UiParagraph size="300" class="[&]:text-[#CDCDCD] [&]:font-normal"
>&nbsp;{{ item }}</UiParagraph
@ -51,8 +64,11 @@
<!-- Nested subsections -->
<div v-if="subsection.subsections" class="flex flex-col gap-2">
<div v-for="(nestedSub, nestedIndex) in subsection.subsections" :key="nestedIndex">
<UiHeading tag="H4" size="300" class="[&]:text-gray-200 [&]:font-normal">
{{ nestedSub.title }}
<UiHeading
tag="H4"
class="[&]:text-[#CDCDCD] [&]:font-normal ml-4 [&]:text-[20px]"
>
{{ nestedSub.text }}
</UiHeading>
</div>
</div>
@ -80,7 +96,8 @@ interface Subsection {
title: string | SubsectionTitle
items?: string[]
subsections?: Array<{
title: string
title?: string
text?: string
}>
}