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,6 +142,7 @@ 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">
<div className="dark:bg-white rounded-full">
<Image <Image
src={"/github.svg"} src={"/github.svg"}
width={20} width={20}
@ -149,9 +150,11 @@ export default async function Home() {
alt="github" alt="github"
className="scale-75 md:scale-100" 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">
<div className="dark:bg-white rounded-full">
<Image <Image
src={"/github.svg"} src={"/github.svg"}
width={20} width={20}
@ -159,6 +162,7 @@ export default async function Home() {
alt="github" alt="github"
className="scale-75 md:scale-100" className="scale-75 md:scale-100"
/> />
</div>
Github Github
</Button> </Button>
</CardContent> </CardContent>