fido_node/fido-node.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix social buttons

Browse Source
This commit is contained in:
michey 2021-05-06 21:10:55 +03:00
parent 181505f12b
commit 5e970125ef
No known key found for this signature in database
GPG Key ID: 7D4BF433F4970657
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/personal-card/elements/ContactsButtons.tsx
View File

@ -30,15 +30,17 @@ const typeToIcon: { [key in ContactType]: [IconDefinition, string?] } = {
const ContactComp = ({ id, type }: Contact) => { const ContactComp = ({ id, type }: Contact) => {
const iconDescr = typeToIcon[type]; const iconDescr = typeToIcon[type];
return ( return (
<a <div className={'p-3 '}>
className={'text-5xl p-3 text-gray-600' + ' ' + iconDescr[1]} <a
href={contactToLink({ id, type })} className={'text-5xl text-gray-600' + ' ' + iconDescr[1]}
target="_blank"> href={contactToLink({ id, type })}
<FontAwesomeIcon key={type} icon={iconDescr[0]} /> target="_blank">
</a> <FontAwesomeIcon key={type} icon={iconDescr[0]} />
</a>
</div>
); );
}; };
export default ({ contacts }: Props) => ( export default ({ contacts }: Props) => (
<div className={'text-center'}>{contacts.map((c) => ContactComp(c))}</div> <div className={'flex flex-row justify-center'}>{contacts.map((c) => ContactComp(c))}</div>
); );

2
pages/index.tsx
View File

@ -4,7 +4,7 @@ import PersonalCard from '../components/personal-card/PersonalCard';
const Home = () => { const Home = () => {
return ( return (
<div className="bg-gray-100 flex flex-col h-screen justify-between"> <div className="bg-gray-50 flex flex-col h-auto justify-between">
<PersonalCard /> <PersonalCard />
<Footer /> <Footer />
</div> </div>