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 iconDescr = typeToIcon[type];
return (
<a
className={'text-5xl p-3 text-gray-600' + ' ' + iconDescr[1]}
href={contactToLink({ id, type })}
target="_blank">
<FontAwesomeIcon key={type} icon={iconDescr[0]} />
</a>
<div className={'p-3 '}>
<a
className={'text-5xl text-gray-600' + ' ' + iconDescr[1]}
href={contactToLink({ id, type })}
target="_blank">
<FontAwesomeIcon key={type} icon={iconDescr[0]} />
</a>
</div>
);
};
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 = () => {
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 />
<Footer />
</div>