UniqueSoft/openpanel
2
0
Fork 0
mirror of https://github.com/stefanpejcic/openpanel synced 2025-06-26 18:28:26 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Update landing-hero-showcase-section.tsx

Browse Source
This commit is contained in:
Stefan Pejcic
2024-02-11 16:09:52 +01:00
committed by GitHub
parent 9098f90074
commit 6590dbe74c
1 changed files with 32 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
documentation/src/refine-theme/landing-hero-showcase-section.tsx
View File

@@ -3,6 +3,37 @@ import clsx from "clsx";
import { LandingArrowRightIcon } from "./icons/landing-arrow-right";
import { ShowcaseWrapper } from "../components/landing/showcase-wrapper";
const ShowcaseCRM = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
render="/img/panel_cropped.png"
highlights={[]}
/>
);
};
const ShowcaseHR = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
render="/img/openadmin.png"
highlights={[]}
/>
);
};
const ShowcaseDevOps = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
dark
render="/img/opencli_preview.png"
highlights={[]}
/>
);
};
export const LandingHeroShowcaseSection = ({}) => {
const [activeApp, setActiveApp] = React.useState(apps[0]);
@@ -24,7 +55,7 @@ export const LandingHeroShowcaseSection = ({}) => {
"group/showcase",
"landing-lg:overflow-hidden",
)}
style={{ marginTop: "-7px" }}
style={{ marginTop: "-7px" }}
>
<div className={clsx("flex", "w-full", "gap-2")}>
<div
@@ -310,52 +341,6 @@ export const LandingHeroShowcaseSection = ({}) => {
);
};
const ShowcaseCRM = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
render="/img/panel_cropped.png"
highlights={[
]}
/>
);
};
const ShowcaseHR = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
render="/img/openadmin.png"
highlights={[
]}
/>
);
};
const ShowcaseDevOps = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
dark
render="/img/opencli_preview.png"
highlights={[
]}
/>
);
};
const ShowcaseBackup = ({ className }: { className?: string }) => {
return (
<ShowcaseWrapper
className={className}
dark
render="/img/openadmin.png"
highlights={[
]}
/>
);
};
const apps = [
{
@@ -370,13 +355,6 @@ const apps = [
showcase: ShowcaseCRM,
label: "See live demo",
},
{
name: "OpenBackup",
link: "https://demo.openpanel.co/",
showcase: ShowcaseBackup,
dark: true,
label: "More info",
},
{
name: "OpenCLI",
link: "https://openpanel.co/docs/category/openpanel-cli/",