Skip to content

Commit

Permalink
chore: corrected examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@LuckySharma014
LuckySharma014 committed Jun 18, 2024
1 parent d14e3f1 commit b7af87e
Show file tree
Hide file tree
Showing 2 changed files with 61 additions and 48 deletions.
51 changes: 28 additions & 23 deletions examples/rafty-nextjs-pages-router/pages/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import { MoonIcon, SunIcon } from "@heroicons/react/24/outline";
import { Card, CardContent, CardHeader } from "@rafty/ui";
import { Button } from "@rafty/ui";
import { Card, CardContent, CardHeader,Button } from "@rafty/ui";
import Image from "next/image";
import { useState } from "react";
import Logo from "../public/rhinobase.png";
Expand Down Expand Up @@ -28,7 +27,7 @@ export default function Home() {
target="_blank"
rel="noopener noreferrer"
>
By{" "}
By" "
<Image
className="rounded-md "
src={Logo}
Expand Down Expand Up @@ -69,14 +68,16 @@ export default function Home() {
rel="noopener noreferrer"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Docs{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Docs" "
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Find in-depth information about @rafty/ui features and API.
<CardContent>
<p className="text-secondary-400">
Find in-depth information about @rafty/ui features and API.</p>
</CardContent>
</Card>
</a>
Expand All @@ -87,11 +88,12 @@ export default function Home() {
rel="noopener noreferrer"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Themes{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Themes
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Check out components across different themes.
Expand All @@ -106,14 +108,16 @@ export default function Home() {
className="md:mb-20 lg:mb-0"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Templates{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Templates
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
A collection of example, boilerplates, and scaffolds.
<CardContent>
<p className="text-secondary-400">
A collection of example, boilerplates, and scaffolds.</p>
</CardContent>
</Card>
</a>
Expand All @@ -125,11 +129,12 @@ export default function Home() {
className="mb-40 md:mb-20 lg:mb-0"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white ">
<CardHeader className="text-xl">
Components{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Components
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Prebuilt components to help you build your projects faster.
Expand Down
58 changes: 33 additions & 25 deletions examples/rafty-nextjs/app/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export default function Home() {
target="_blank"
rel="noopener noreferrer"
>
By{" "}
By" "
<Image
className="rounded-md "
src={Logo}
Expand Down Expand Up @@ -69,14 +69,16 @@ export default function Home() {
rel="noopener noreferrer"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Docs{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Docs" "
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Find in-depth information about @rafty/ui features and API.
<CardContent>
<p className="text-secondary-400">
Find in-depth information about @rafty/ui features and API.</p>
</CardContent>
</Card>
</a>
Expand All @@ -87,14 +89,16 @@ export default function Home() {
rel="noopener noreferrer"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Themes{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Themes" "
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Check out components across different themes.
<CardContent>
<p className="text-secondary-400">
Check out components across different themes.</p>
</CardContent>
</Card>
</a>
Expand All @@ -106,14 +110,16 @@ export default function Home() {
className="md:mb-20 lg:mb-0"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Templates{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Templates" "
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
A collection of example, boilerplates, and scaffolds.
<CardContent>
<p className="text-secondary-400">
A collection of example, boilerplates, and scaffolds.</p>
</CardContent>
</Card>
</a>
Expand All @@ -125,14 +131,16 @@ export default function Home() {
className="mb-40 md:mb-20 lg:mb-0"
>
<Card className="dark:hover:bg-secondary-950 group h-full transition-all ease-in-out hover:bg-white">
<CardHeader className="text-xl">
Components{" "}
<p className="inline-block transition-transform group-hover:translate-x-1">
<CardHeader>
<h4 className="text-xl">
Components" "
<span className="inline-block transition-transform group-hover:translate-x-1">
&gt;
</p>
</span></h4>
</CardHeader>
<CardContent className="text-secondary-400">
Prebuilt components to help you build your projects faster.
<CardContent>
<p className="text-secondary-400">
Prebuilt components to help you build your projects faster.</p>
</CardContent>
</Card>
</a>
Expand Down

0 comments on commit b7af87e

Please sign in to comment.