beenull/OpenPanel
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update index.tsx

Browse source
This commit is contained in:
Stefan Pejcic 2024-02-29 11:42:45 +01:00 committed by GitHub
parent 66baa3d2d3
commit beaa4684d9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
documentation/src/pages/demo/index.tsx
View file

@ -4,6 +4,7 @@ import { BlogFooter } from "@site/src/refine-theme/blog-footer";
import { CommonHeader } from "@site/src/refine-theme/common-header";
import { CommonLayout } from "@site/src/refine-theme/common-layout";
import clsx from "clsx";
import USE_CASES from "../../assets/use-cases";
const Demo: React.FC = () => {
return (
@ -19,6 +20,45 @@ const Demo: React.FC = () => {
<p>
Explore OpenAdmin & OpenPanel® with no strings attached.
</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
{USE_CASES.map((useCase) => (
<div
key={useCase.route}
className="flex flex-col justify-between"
>
<div>
<Link to={`/docs/${useCase.route}/intro`}>
<img
src={useCase.thumbImgURL}
alt={useCase.title}
/>
</Link>
<div className="font-montserrat font-bold text-[#242436] my-2">
{useCase.title}
</div>
<div
className="font-montserrat text-[#242436] text-sm"
dangerouslySetInnerHTML={{
__html: useCase.description,
}}
/>
</div>
<Link
className="shadow-startTiles appearance-none flex items-center justify-center mt-2 mb-4 no-underline font-bold font-montserrat text-sm h-8 w-44 text-[#1890FF] text-center bg-white rounded-[4px] cursor-pointer border border-solid border-[#EDEDEF]"
to={`/docs/${useCase.route}/intro`}
>
Visit Docs
</Link>
</div>
))}
</div>
<div className="flex">
{/* First Column */}
<div className="w-1/2 pr-4">