github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UI change for sharing button

Browse Source
pull/4659/head
Kamran Ahmed 1 year ago
parent c15d139d54
commit 16853df928
1 changed files with 6 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      src/components/ShareRoadmapButton.tsx

12
src/components/ShareRoadmapButton.tsx
Unescape 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" />

Write Preview
Loading…
Cancel
Save