info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-22 17:02:58 +02:00
Code Issues Releases Wiki Activity

UI change for sharing button

Browse Source
This commit is contained in:
Kamran Ahmed
2023-11-04 22:55:59 +00:00
parent c15d139d54
commit 16853df928
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ShareRoadmapButton.tsx
View File

@@ -62,7 +62,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
copyText(pageUrl); copyText(pageUrl);
setIsDropdownOpen(false); setIsDropdownOpen(false);
}} }}
className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<Copy size="15px" className="text-slate-400" /> <Copy size="15px" className="text-slate-400" />
@@ -72,7 +72,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a <a
href={twitterUrl} href={twitterUrl}
target={'_blank'} target={'_blank'}
className="mt-1 flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="mt-1 flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<Twitter size="16px" className="text-slate-400" /> <Twitter size="16px" className="text-slate-400" />
@@ -82,7 +82,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a <a
href={fbUrl} href={fbUrl}
target={'_blank'} target={'_blank'}
className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<Facebook size="16px" className="text-slate-400" /> <Facebook size="16px" className="text-slate-400" />
@@ -92,7 +92,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a <a
href={hnUrl} href={hnUrl}
target={'_blank'} target={'_blank'}
className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<img <img
@@ -106,7 +106,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a <a
href={redditUrl} href={redditUrl}
target={'_blank'} target={'_blank'}
className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<img <img
@@ -120,7 +120,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a <a
href={linkedinUrl} href={linkedinUrl}
target={'_blank'} target={'_blank'}
className="flex w-full items-center gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700" className="flex w-full items-center rounded-sm gap-2 px-2 py-2 text-sm text-slate-100 hover:bg-slate-700"
> >
<div className="flex w-[20px] items-center justify-center"> <div className="flex w-[20px] items-center justify-center">
<Linkedin size="16px" className="text-slate-400" /> <Linkedin size="16px" className="text-slate-400" />