Skip to content

Commit

Permalink
fixed blog page ui issues (#995)
Browse files Browse the repository at this point in the history 
Co-authored-by: Taron Chatoyan <chatoyan48@gmailc.com>
  • Loading branch information
@t-chatoyan
t-chatoyan and Taron Chatoyan authored Mar 5, 2024
1 parent e7bdd2a commit 779a456
Showing 1 changed file with 51 additions and 66 deletions.
117 changes: 51 additions & 66 deletions pages/blogs/[...slug].vue
View file
Original file line number Diff line number Diff line change
@@ -1,72 +1,57 @@
<template>
<div class="container-fluid">
<div class="row" v-if="slug === '/blogs/' || slug === '/blogs/community'" >
<div class="col-12">
<div class="container">
<BlogsList :blogs="page"
:external-news="externalNews"/>
</div>
</div>
</div>
<div v-else class="row">
<div class="bd-gutter bd-layout margin mt-0">
<article class="bd-main order-1" v-if="page" :class="{'full': page.rightBar === false}">
<ContentRenderer :value="page">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12 p-0">
<div class="blog-content">
<div class="bd-title">
<p class="d-flex breadcrumb" data-aos="fade-right">
<NuxtLink to="/">Home </NuxtLink> / <NuxtLink to="/blogs"> Blog</NuxtLink>
</p>
<h2 data-aos="fade-left" class="pt-0">{{ page.title }}</h2>
</div>
<NavToc class="d-block d-lg-none mb-4" data-aos="fade-zoom" :page="page">
<template #header>
<BlogDetails :blog="page"/>
</template>
</NavToc>
<div class="bd-content">
<NuxtImg
loading="lazy"
format="webp"
quality="80"
densities="x1 x2"
data-aos="fade-right"
class="mb-2 rounded-3 img"
:alt="page.title"
:src="page.image"
fit="cover"
/>
<ClientOnly>
<ContentRendererMarkdown
data-aos="fade-zoom"
class="bd-markdown mt-4"
:value="page"
data-bs-spy="scroll"
data-bs-target="#nav-toc"
/>
</ClientOnly>
</div>
</div>
</div>
</div>
</div>
<NavToc class="d-lg-block d-none" data-aos="fade-zoom" :page="page">
<template #header>
<BlogDetails :blog="page"/>
</template>
</NavToc>

</ContentRenderer>
</article>
<div class="bottom">
<DocsBlogs title="More contents"/>
<Updateletter/>
</div>
<div class="container">
<BlogsList v-if="slug === '/blogs/' || slug === '/blogs/community'" :blogs="page"
:external-news="externalNews"/>

<div v-else class="container bd-gutter bd-layout margin">
<article class="bd-main order-1" v-if="page" :class="{'full': page.rightBar === false}">
<ContentRenderer :value="page">
<div class="bd-title">
<p class="d-flex breadcrumb" data-aos="fade-right">
<NuxtLink to="/">Home </NuxtLink> / <NuxtLink to="/blogs"> Blog</NuxtLink>
</p>
<h2 data-aos="fade-left" class="pt-0">{{ page.title }}</h2>
</div>
<NavToc data-aos="fade-zoom" :page="page">
<template #header>
<BlogDetails :blog="page"/>
</template>
</NavToc>
<div class="bd-content">
<NuxtImg
loading="lazy"
format="webp"
quality="80"
densities="x1 x2"
data-aos="fade-right"
class="mb-2 rounded-3 img"
:alt="page.title"
:src="page.image"
fit="cover"
/>
<ClientOnly>
<ContentRendererMarkdown
data-aos="fade-zoom"
class="bd-markdown mt-4"
:value="page"
data-bs-spy="scroll"
data-bs-target="#nav-toc"
/>
</ClientOnly>
</div>
<NavToc class="d-lg-block d-none" data-aos="fade-zoom" :page="page">
<template #header>
<BlogDetails :blog="page"/>
</template>
</NavToc>s
</ContentRenderer>
</article>
<div class="bottom">
<DocsBlogs title="More contents"/>
<Updateletter/>
</div>
</div>

</div>
</template>

Expand Down

0 comments on commit 779a456

Please sign in to comment.