Skip to content

Commit f77ba82

Browse files
Abdulnasır OlcanAbdulnasır Olcan
authored andcommitted
🚀 example updated
1 parent ff9a618 commit f77ba82

File tree

3 files changed

+3
-8
lines changed

3 files changed

+3
-8
lines changed

example/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>React + TS</title>
7+
<title>React Lazy Load Component</title>
88
</head>
99
<body>
1010
<div id="root"></div>

example/src/components/Shop.tsx

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,7 @@ const Shop = () => {
44
return (
55
<LazyLoad tag="main" className="grid grid-cols-12 md:container mx-auto md:px-5" rootMargin="100px">
66
<section className="col-span-12 relative md:h-[calc(480px+5vw)]">
7-
<img src="https://images.unsplash.com/photo-1530538095376-a4936b35b5f0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80" alt="Cliffs of Moher" className="w-full h-full object-cover" />
8-
9-
<div className="absolute inset-0 px-5 flex items-center h-full w-full justify-center flex-col">
10-
<span className="w-40 h-0.5 bg-white block mb-7"></span>
11-
<h1 className="text-2xl md:text-4xl xl:text-5xl tracking-wider uppercase font-semibold text-white">ireland views</h1>
12-
<span className="w-40 h-0.5 bg-white block mt-7"></span>
13-
</div>
7+
<img src="https://img.freepik.com/free-vector/template-banner-online-store-with-shopping-cart-with-purchases-boxes-delivery-from-supermarket-vector-illustration_548887-104.jpg?w=2000" alt="Cliffs of Moher" className="w-full h-full object-cover" />
148
</section>
159
</LazyLoad>
1610
)

pnpm-lock.yaml

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)