Refactor profileBar component to wrap Github buttons in a div for improved styling

This commit is contained in:
Pattadon 2024-10-31 14:59:54 +07:00
parent 1a719a3aa7
commit 7d60a209fa

View File

@ -142,23 +142,27 @@ export default async function Home() {
</CardHeader> </CardHeader>
<CardContent className="flex gap-2"> <CardContent className="flex gap-2">
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
<Image <div className="dark:bg-white rounded-full">
src={"/github.svg"} <Image
width={20} src={"/github.svg"}
height={20} width={20}
alt="github" height={20}
className="scale-75 md:scale-100" alt="github"
/> className="scale-75 md:scale-100"
/>
</div>
Github Github
</Button> </Button>
<Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100"> <Button className="flex gap-1 border-2 border-border rounded-md p-1 bg-background text-foreground scale-75 md:scale-100">
<Image <div className="dark:bg-white rounded-full">
src={"/github.svg"} <Image
width={20} src={"/github.svg"}
height={20} width={20}
alt="github" height={20}
className="scale-75 md:scale-100" alt="github"
/> className="scale-75 md:scale-100"
/>
</div>
Github Github
</Button> </Button>
</CardContent> </CardContent>