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 <section
id="home" id="home"
ref={sectionRef} 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 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>
<div className="container-wide py-24 md:py-32 lg:py-40 relative z-10"> <div className="container-wide py-24 md:py-32 lg:py-40 relative z-10">
@@ -119,7 +119,7 @@ export function HeroSection() {
<Button <Button
size="lg" size="lg"
onClick={() => handleScrollTo('contact')} onClick={() => handleScrollTo('contact')}
className="min-w-[180px]" className="min-w-45"
> >
<ArrowRight className="w-4 h-4 ml-2" /> <ArrowRight className="w-4 h-4 ml-2" />
@@ -128,7 +128,7 @@ export function HeroSection() {
size="lg" size="lg"
variant="outline" variant="outline"
onClick={() => handleScrollTo('about')} onClick={() => handleScrollTo('about')}
className="min-w-[180px]" className="min-w-45"
> >
</Button> </Button>