Созданы хлебные крошки

This commit is contained in:
Web-serfer 2026-04-07 22:53:04 +05:00
parent 7d4289bd9e
commit 70e75dc11b
16 changed files with 350 additions and 44 deletions

View file

@ -4,15 +4,17 @@ import { SITE_TITLE_SUFFIX } from "@constants";
import Header from "@components/layout/header/Header.astro";
import Footer from "@components/layout/footer/Footer.astro";
import Breadcrumbs from "@components/base/Breadcrumbs.astro";
import ConsultationModal from "@components/base/ConsultationModal.astro";
export interface Props {
title: string;
description: string;
canonicalLink?: string;
breadcrumbs?: Array<{ label: string; href?: string }>;
}
const { title, description, canonicalLink } = Astro.props;
const { title, description, canonicalLink, breadcrumbs } = Astro.props;
---
<!doctype html>
@ -31,6 +33,11 @@ const { title, description, canonicalLink } = Astro.props;
<body>
<Header />
<main class="main-content">
{breadcrumbs && breadcrumbs.length > 0 && (
<div class="breadcrumbs-wrapper">
<Breadcrumbs items={breadcrumbs} />
</div>
)}
<slot />
</main>
<Footer />
@ -42,6 +49,12 @@ const { title, description, canonicalLink } = Astro.props;
.main-content {
padding-top: 0;
}
.breadcrumbs-wrapper {
padding-top: 4.75rem;
background: #f8fafc;
border-bottom: 1px solid rgba(30, 48, 80, 0.05);
}
</style>
<script>