update example

glassonion1 · Jun 6, 2024 · e3223fe · e3223fe
1 parent f4b4e66
commit e3223fe
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/examples/src/pages/Home.tsx b/examples/src/pages/Home.tsx
@@ -130,15 +130,15 @@ const Home = () => {
       </div>
       <div className="w-1/3 my-4">
         <Card>
-          <img src="bg-mt.webp" className="object-cover h-48 w-full" />
+          <CardImg src="bg-mt.webp" className="h-48 w-full" />
           <CardHeader>Header:XXXxxx</CardHeader>
           <CardBody>Body:XXXXXXXXXXXXxxxxxxxxxxxxx</CardBody>
           <CardFooter>Footer:XXXXXXXXXXXXxxxxxxxxxxxxx</CardFooter>
         </Card>
       </div>
       <div className="w-1/3 my-4">
         <Card>
-          <img src="bg-mt.webp" className="object-cover h-48 w-full" />
+          <CardImg src="bg-mt.webp" className="h-48 w-full" />
           <CardHeader>Header:XXXxxx</CardHeader>
           <CardBody>Body:XXXXXXXXXXXXxxxxxxxxxxxxx</CardBody>
           <CardFooter>
@@ -153,7 +153,7 @@ const Home = () => {
       </div>
       <div className="my-4 flex items-stretch gap-x-20">
         <Card className="w-80">
-          <img src="bg-mt.webp" className="object-cover h-48 w-full" />
+          <CardImg src="bg-mt.webp" className="h-48 w-full" />
           <CardHeader>Header:XXXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</CardHeader>
           <CardBody>
             Body:XXXXXXXXXXXX
@@ -171,7 +171,7 @@ const Home = () => {
           </CardFooter>
         </Card>
         <Card className="w-80">
-          <img src="bg-mt.webp" className="object-cover h-48 w-full" />
+          <CardImg src="bg-mt.webp" className="h-48 w-full" />
           <CardHeader>Header: XXXxxx</CardHeader>
           <CardBody>Body: XXXXXXXXXXXXXXXXXXxxxxxxxxxxxxxxxxxxxxxxxx</CardBody>
           <CardFooter>