1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-22 17:02:58 +02:00

UI change for sharing button

This commit is contained in:
Kamran Ahmed
2023-11-04 22:55:59 +00:00
parent c15d139d54
commit 16853df928

View File

@@ -62,7 +62,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
copyText(pageUrl);
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">
<Copy size="15px" className="text-slate-400" />
@@ -72,7 +72,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a
href={twitterUrl}
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">
<Twitter size="16px" className="text-slate-400" />
@@ -82,7 +82,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a
href={fbUrl}
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">
<Facebook size="16px" className="text-slate-400" />
@@ -92,7 +92,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a
href={hnUrl}
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">
<img
@@ -106,7 +106,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a
href={redditUrl}
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">
<img
@@ -120,7 +120,7 @@ export function ShareRoadmapButton(props: ShareRoadmapButtonProps) {
<a
href={linkedinUrl}
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">
<Linkedin size="16px" className="text-slate-400" />