streaper2/afrov2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction responsive mobile

Browse Source
This commit is contained in:
streaper2
2026-05-12 20:18:43 +02:00
parent b81216210a
commit bd6380b7aa
5 changed files with 43 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/BlogShareButtons.tsx
View File

@@ -6,9 +6,10 @@ import toast from 'react-hot-toast';
interface Props {
title: string;
layout?: 'vertical' | 'horizontal';
}
export default function BlogShareButtons({ title }: Props) {
export default function BlogShareButtons({ title, layout = 'vertical' }: Props) {
const [copied, setCopied] = useState(false);
const [url, setUrl] = useState('');
@@ -32,12 +33,12 @@ export default function BlogShareButtons({ title }: Props) {
if (!url) return null;
return (
<div className="flex flex-col gap-3 z-50">
<div className={`flex ${layout === 'horizontal' ? 'flex-row gap-4 justify-center flex-wrap' : 'flex-col gap-3'} z-50`}>
<a
href={shareLinks.facebook}
target="_blank"
rel="noopener noreferrer"
className="w-10 h-10 rounded-full bg-white text-[#1877F2] shadow-xl flex items-center justify-center hover:scale-110 transition-transform"
className="w-10 h-10 rounded-full bg-white text-[#1877F2] shadow-xl flex items-center justify-center hover:scale-110 transition-transform border border-gray-100"
title="Partager sur Facebook"
>
<Facebook className="w-5 h-5" />