Make hero image smaller with fixed height

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
f-trycua
2025-12-06 19:15:20 -08:00
parent 38edd3915c
commit f60a2a678d
+3 -3
View File
@@ -4,16 +4,16 @@ title: Introduction
import { Monitor, Code, BookOpen, Zap, Bot, Boxes, Rocket } from 'lucide-react';
<div className="relative rounded-xl overflow-hidden mb-8 w-full">
<div className="relative rounded-xl overflow-hidden mb-8 w-full h-40">
<img
src="/docs/img/bg-light.jpg"
alt="Cua"
className="w-full h-auto block dark:hidden scale-150 origin-center"
className="w-full h-full object-cover block dark:hidden"
/>
<img
src="/docs/img/bg-dark.jpg"
alt="Cua"
className="w-full h-auto hidden dark:block scale-150 origin-center"
className="w-full h-full object-cover hidden dark:block"
/>
<div className="absolute inset-0 flex items-center justify-center">
<div className="bg-black/50 backdrop-blur-sm rounded-lg px-6 py-4">