style: 修复 hero-section Tailwind CSS 类名警告

- bg-gradient-to-b → bg-linear-to-b
- w-[800px] → w-200
- h-[600px] → h-150
- w-[600px] → w-150
- h-[400px] → h-100
- min-w-[180px] → min-w-45 (2处)~
This commit is contained in:
张翔
2026-02-23 08:35:16 +08:00
parent 39c37d15fb
commit 9e7fb20d2a
+5 -5
View File
@@ -62,12 +62,12 @@ export function HeroSection() {
<section
id="home"
ref={sectionRef}
className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-gradient-to-b from-[#F5F7FA] to-white"
className="relative min-h-screen flex items-center pt-16 overflow-hidden bg-linear-to-b from-[#F5F7FA] to-white"
>
<div className="absolute inset-0 pointer-events-none overflow-hidden">
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-[radial-gradient(ellipse_at_center,rgba(0,94,184,0.05)_0%,transparent_60%)]" />
<div className="absolute top-0 left-1/2 -translate-x-1/2 w-200 h-150 bg-[radial-gradient(ellipse_at_center,rgba(0,94,184,0.05)_0%,transparent_60%)]" />
<div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-[600px] h-[400px] bg-[radial-gradient(ellipse_at_center,rgba(196,30,58,0.04)_0%,transparent_50%)]" />
<div className="absolute bottom-0 left-1/2 -translate-x-1/2 w-150 h-100 bg-[radial-gradient(ellipse_at_center,rgba(196,30,58,0.04)_0%,transparent_50%)]" />
</div>
<div className="container-wide py-24 md:py-32 lg:py-40 relative z-10">
@@ -119,7 +119,7 @@ export function HeroSection() {
<Button
size="lg"
onClick={() => handleScrollTo('contact')}
className="min-w-[180px]"
className="min-w-45"
>
<ArrowRight className="w-4 h-4 ml-2" />
@@ -128,7 +128,7 @@ export function HeroSection() {
size="lg"
variant="outline"
onClick={() => handleScrollTo('about')}
className="min-w-[180px]"
className="min-w-45"
>
</Button>