Fix css bug
This commit is contained in:
@ -24,7 +24,7 @@ export default function AboutPage() {
|
||||
<SocialLink icon={<MailIcon className="w-5 h-5" />} href="mailto:core@fellies.email" label="Email" />
|
||||
<SocialLink icon={<MessageCircleIcon className="w-5 h-5" />} href="https://signal.me/#eu/ax5Sf75Na5g6c_Cir3Q9c0zv6TnoaQCKAo3dcUo15990aLTlbIBO1qbKqoB7WPuQ" label="Signal" />
|
||||
<SocialLink icon={<WavesIcon className="w-5 h-5" />} href="https://matrix.to/#/@citali:steffo.dev" label="Matrix" />
|
||||
<SocialLink icon={<RadioIcon className="w-5 h-5" />} href="https://fellies.social/@Citali" label="Fediverse" />
|
||||
<SocialLink icon={<RadioIcon className="w-5 h-5" />} href="https://fellies.social/@Citali" label="Fediverse" rel="me" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -43,13 +43,13 @@ export default function AboutPage() {
|
||||
);
|
||||
}
|
||||
|
||||
function SocialLink({ icon, href, label }: { icon: React.ReactNode, href: string, label: string }) {
|
||||
function SocialLink({ icon, href, label, rel }: { icon: React.ReactNode, href: string, label: string, rel?: string }) {
|
||||
return (
|
||||
<Link
|
||||
href={href}
|
||||
className="flex items-center gap-2 px-3 py-2 rounded-md bg-muted/30 hover:bg-muted/50 transition text-sm"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
rel={rel ? rel : 'noopener noreferrer'}
|
||||
>
|
||||
{icon}
|
||||
{label}
|
||||
|
Reference in New Issue
Block a user