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-04-23 20:08:52 +02:00 committed by GitHub
parent 87270ff002
commit 13aab97d5b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 1 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

126
documentation/src/pages/about/index.tsx
View file

@ -67,131 +67,7 @@ const About: React.FC = () => {
<div
className={clsx(
"lg:max-w-[912px] lg:py-32",
"md:max-w-[624px] md:py-20",
"sm:max-w-[480px] py-10",
"max-w-[328px]",
"w-full mx-auto",
)}
>
<h4
className={clsx(
"text-sm leading-6",
"md:text-2xl md:leading-8",
"text-center text-gray-800 dark:text-gray-200",
)}
style={{
margin: 0,
}}
>
Our Team
</h4>
<div
className={clsx(
"grid",
"lg:grid-cols-[repeat(4,192px)] lg:gap-12",
"md:grid-cols-[repeat(3,176px)]",
"sm:grid-cols-[repeat(3,144px)]",
"grid-cols-[repeat(2,144px)] gap-6",
"align-top",
"mt-6 md:mt-12 lg:mt-16",
)}
>
{team.map(({ name, avatar, role1, role2 }) => (
<div
key={name}
className="flex justify-start flex-col text-center not-prose"
>
<img
srcSet={`${avatar} 1500w`}
src={avatar}
alt={name}
className="w-full m-0 mb-6"
/>
<span
className={clsx(
"text-xs leading-4",
"lg:text-base lg:leading-6",
"text-gray-900 dark:text-gray-0 font-semibold",
)}
>
{name}
</span>
<span
className={clsx(
"text-xs leading-4",
"lg:text-base lg:leading-6",
"text-gray-500 dark:text-gray-400",
)}
>
{role1}
</span>
{role2 && (
<span
className={clsx(
"text-xs leading-4",
"lg:text-base lg:leading-6",
"text-gray-500 dark:text-gray-400",
)}
>
{role2}
</span>
)}
</div>
))}
<div
className={clsx(
"flex",
"flex-col",
"justify-between lg:justify-start",
"text-center",
)}
>
<div className="w-full not-prose m-0">
<JoinUsIcon
className={clsx(
"m-0 w-full lg:mb-6",
"lg:h-[240px]",
"md:h-[220px]",
"h-[180px]",
)}
isDark={colorMode === "dark"}
/>
</div>
<div className="flex flex-col items-center justify-center">
<a
target="_blank"
href="https://www.linkedin.com/company/openpanel"
className={clsx(
"block",
"text-xs leading-4",
"lg:text-base lg:leading-6",
"no-underline hover:no-underline text-refine-link-light dark:text-refine-link-dark font-semibold mb-0",
)}
rel="noreferrer"
>
Join our team!
</a>
<a
target="_blank"
href="https://www.linkedin.com/company/openpanel"
className={clsx(
"block",
"text-xs leading-4",
"lg:text-base lg:leading-6",
"no-underline hover:no-underline text-refine-link-light dark:text-refine-link-dark m-0",
)}
rel="noreferrer"
>
See open positions
</a>
</div>
</div>
</div>
</div>