theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

chore: maintenance

Browse Source
This commit is contained in:
Divlo
2021-12-04 15:52:51 +01:00
parent e5f4615f7f
commit 729e540d04
69 changed files with 10182 additions and 18460 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Portfolio/PortfolioItem.tsx
View File

@ -1,6 +1,7 @@
import { ShadowContainer } from 'components/design/ShadowContainer'
import Image from 'next/image'
import { ShadowContainer } from 'components/design/ShadowContainer'
export interface PortfolioItemProps {
title: string
description: string
@ -12,7 +13,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
const { title, description, link, image } = props
return (
<ShadowContainer className='cursor-pointer relative items-center sm:ml-10'>
<ShadowContainer className='relative cursor-pointer items-center sm:ml-10'>
<a
className='group inline-flex justify-center'
target='_blank'
@ -29,8 +30,8 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
alt={title}
/>
</div>
<div className='opacity-0 transition-opacity duration-500 h-auto absolute text-center overflow-hidden bottom-0 group-hover:opacity-100'>
<h3 className='text-yellow text-xl font-semibold my-6 dark:text-yellow-dark'>
<div className='absolute bottom-0 h-auto overflow-hidden text-center opacity-0 transition-opacity duration-500 group-hover:opacity-100'>
<h3 className='my-6 text-xl font-semibold text-yellow dark:text-yellow-dark'>
{title}
</h3>
<p className='my-6'>{description}</p>

2
components/Portfolio/index.tsx
View File

@ -14,7 +14,7 @@ export const Portfolio: React.FC = () => {
)
return (
<div className='flex flex-wrap justify-center px-3 w-full'>
<div className='flex w-full flex-wrap justify-center px-3'>
{items.map((item, index) => {
return <PortfolioItem key={index} {...item} />
})}