fix(sprint-5): sync block CSS styles with real site perm.oclinica.ru/lor
- H1: 36px #cb9768 (was ~20px #53514e) - H2 sections: 36px #000 (was ~20-30px #111827) - Hero title: 22px #333 (was 16px #111827) - Hero CTA: pill style (was outline) - Contact forms bg: #d4f6f8 for both (was #b8e6ed / #fff) - News bg: #f2fee6 (was #fff) - Added version changelogs to all block pages - Updated typography, LLM_CONTEXT v4.3, SPRINTS.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -23,7 +23,7 @@ const MOCK_REVIEWS = [
|
||||
const LLM_REVIEWS_TEXT = `
|
||||
БЛОК: Отзывы о нас
|
||||
Источник: perm.oclinica.ru/lor — блок отзывов
|
||||
Версия: v1.0
|
||||
Версия: v1.1
|
||||
|
||||
СТРУКТУРА БЛОКА:
|
||||
1. ЗАГОЛОВОК H2: «Отзывы о нас»
|
||||
@@ -66,7 +66,7 @@ export default function ReviewsBlockPage() {
|
||||
<h1 className="text-2xl font-bold mb-2" style={{ color: "var(--bb-text)" }}>
|
||||
Блок «Отзывы о нас»
|
||||
</h1>
|
||||
<BlockMetaBar path="/blocks/reviews" defaultVersion="v1.0" defaultIsInPreview={false} />
|
||||
<BlockMetaBar path="/blocks/reviews" defaultVersion="v1.1" defaultIsInPreview={false} />
|
||||
<p className="text-sm" style={{ color: "var(--bb-text-muted)" }}>
|
||||
Карусель отзывов с perm.oclinica.ru/lor — большая кавычка, текст, «Читать полностью», стрелки.
|
||||
</p>
|
||||
@@ -157,13 +157,26 @@ export default function ReviewsBlockPage() {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Changelog */}
|
||||
<section className="space-y-3">
|
||||
<h2 className="font-semibold text-base" style={{ color: "var(--bb-text)" }}>
|
||||
История версий
|
||||
</h2>
|
||||
<div className="p-3 rounded-lg" style={{ background: "var(--bb-sidebar-bg)", border: "1px solid var(--bb-border)" }}>
|
||||
<p className="font-semibold text-xs mb-1" style={{ color: "var(--bb-text)" }}>v1.1 — 24.03.2026</p>
|
||||
<ul className="list-disc list-inside space-y-0.5 text-xs" style={{ color: "var(--bb-text-muted)" }}>
|
||||
<li>H2: размер с ~20px на <strong>36px</strong>, цвет с #111827 на <strong>#000000</strong>, line-height 38px</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* LLM блок */}
|
||||
<LlmBlock path="/blocks/reviews" version="v1.0" specText={LLM_REVIEWS_TEXT}>
|
||||
<LlmBlock path="/blocks/reviews" version="v1.1" specText={LLM_REVIEWS_TEXT}>
|
||||
<LlmSection title="Структура блока" />
|
||||
<LlmTable
|
||||
headers={["Элемент", "Содержимое", "Стиль"]}
|
||||
rows={[
|
||||
["H2", "«Отзывы о нас»", "text-xl, font-bold, #111827"],
|
||||
["H2", "«Отзывы о нас»", "36px, font-bold, #000000, line-height 38px"],
|
||||
["Подзаголовок", "Описание достижений клиники за 12 лет", "14px, #374151"],
|
||||
["Кавычка", "Декоративная «", "80–100px, #b8e6ed, font-serif"],
|
||||
["Текст отзыва", "Полный текст отзыва пациента", "14px, italic, #374151"],
|
||||
|
||||
Reference in New Issue
Block a user