juyung/devscard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix social icon in experience section (#98)

Browse source
This commit is contained in:
angbur 2022-11-28 10:32:17 +01:00 committed by GitHub
parent a06ed14de1
commit 5f492b8be5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/organisms/work-timeline-item.astro
View file

@ -15,9 +15,13 @@ const WorkTimelineItem = 'div';
--- ---
<WorkTimelineItem class:list={['flex', 'flex-col', 'gap-2', 'md:gap-0', 'mb-4', props.class]}> <WorkTimelineItem class:list={['flex', 'flex-col', 'gap-2', 'md:gap-0', 'mb-4', props.class]}>
<Typography variant="item-title">{job.role} <span class="font-medium"> &#8212;&nbsp;{job.company}</span></Typography> <div class:list={['flex', 'justify-between', 'items-start', 'gap-4', 'sm:items-center']}>
<div class:list={['fixed', 'top-3', 'right-3', 'md:flex', 'sm:flex-wrap', 'gap-3', '[&>a]:my-2']}> <Typography variant="item-title"
{job.socials?.map(({ icon, url }) => <IconButton icon={icon} href={url} target="_blank" size="small" />)} >{job.role} <span class="font-medium"> &#8212;&nbsp;{job.company}</span>
</Typography>
<div class:list={['md:flex', 'sm:flex-wrap', 'gap-3', '[&>a]:mb-2', 'md:[&>a]:my-2']}>
{job.socials?.map(({ icon, url }) => <IconButton icon={icon} href={url} target="_blank" size="small" />)}
</div>
</div> </div>
<Timestamp <Timestamp
startDate={job.startDate} startDate={job.startDate}