arazor72/brand_book
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(sprint4): add cards page — DoctorCard, NewsCard, ReviewCard, PriceCard, ServiceCard, badges/tags/alerts

Browse Source 
- /components/cards — new page with 5 card types + badges/tags/alerts + LLM block v1.0
- DoctorCard: photo 110×160px placeholder, name, specialty, experience, outline button
- NewsCard: hover bg #eef4d1 + box-shadow (matches real site CSS), CSS class .bb-news-card
- ReviewCard: star rating 1-5 (SVG), text 4-line clamp, bg #eef4d1
- PriceCard: service + price + description + button, highlighted variant (blue border/bg)
- ServiceCard: emoji icon 48×48px, title, description, link
- Badges: 6 color variants (primary/success/warning/danger/neutral/outline)
- Tags: default/active state filters
- Alerts: 4 types (info/success/warning/error) with icons
- globals.css: .bb-news-card:hover, .bb-service-card:hover CSS rules (Sprint 4)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
AR 15 M4
2026-03-22 23:09:22 +05:00
parent 2b66fb9cc1
commit 6c5b571884
2 changed files with 636 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/globals.css
+7
View File
@@ -162,6 +162,13 @@ body {
flex-shrink: 0;
}
/* ─── Карточки (Sprint 4) ────────────────────────────────────── */
.bb-news-card:hover {
background: #eef4d1 !important;
box-shadow: 0 0 16px 0 #9e9e9a;
}
.bb-service-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
/* ─── Тумблер (Sprint 3) ──────────────────────────────────────── */
.bb-toggle-track {
display: inline-flex;