feat: Update tailwind styles

This commit is contained in:
Zhicxi Azis Pramana 2024-01-04 14:23:00 +08:00
parent 5c0a61989e
commit cdd89033d2
4 changed files with 11 additions and 11 deletions

View File

@ -30,45 +30,45 @@ export default function Page() {
href={RESUME_DATA.locationLink}
target="_blank"
>
<GlobeIcon className="h-3 w-3" />
<GlobeIcon className="size-3" />
{RESUME_DATA.location}
</a>
</p>
<div className="flex gap-x-1 pt-1 font-mono text-sm text-muted-foreground print:hidden">
{RESUME_DATA.contact.email ? (
<Button
className="h-8 w-8"
className="size-8"
variant="outline"
size="icon"
asChild
>
<a href={`mailto:${RESUME_DATA.contact.email}`}>
<MailIcon className="h-4 w-4" />
<MailIcon className="size-4" />
</a>
</Button>
) : null}
{RESUME_DATA.contact.tel ? (
<Button
className="h-8 w-8"
className="size-8"
variant="outline"
size="icon"
asChild
>
<a href={`tel:${RESUME_DATA.contact.tel}`}>
<PhoneIcon className="h-4 w-4" />
<PhoneIcon className="size-4" />
</a>
</Button>
) : null}
{RESUME_DATA.contact.social.map((social) => (
<Button
key={social.name}
className="h-8 w-8"
className="size-8"
variant="outline"
size="icon"
asChild
>
<a href={social.url}>
<social.icon className="h-4 w-4" />
<social.icon className="size-4" />
</a>
</Button>
))}
@ -87,7 +87,7 @@ export default function Page() {
</div>
</div>
<Avatar className="h-28 w-28">
<Avatar className="size-28">
<AvatarImage alt={RESUME_DATA.name} src={RESUME_DATA.avatarUrl} />
<AvatarFallback>{RESUME_DATA.initials}</AvatarFallback>
</Avatar>

View File

@ -48,7 +48,7 @@ export const CommandMenu = ({ links }: Props) => {
size="icon"
className="fixed bottom-4 right-4 flex rounded-full shadow-2xl print:hidden xl:hidden"
>
<CommandIcon className="my-6 h-6 w-6" />
<CommandIcon className="my-6 size-6" />
</Button>
<CommandDialog open={open} onOpenChange={setOpen}>
<CommandInput placeholder="Type a command or search..." />

View File

@ -17,7 +17,7 @@ export const PrintDrawer = () => {
return (
<Drawer>
<DrawerTrigger asChild>
<Button className="fixed bottom-4 right-4 h-16 w-16 rounded-full shadow-2xl print:hidden">
<Button className="fixed bottom-4 right-4 size-16 rounded-full shadow-2xl print:hidden">
<PrinterIcon />
</Button>
</DrawerTrigger>

View File

@ -27,7 +27,7 @@ export function ProjectCard({ title, description, tags, link }: Props) {
className="inline-flex items-center gap-1 hover:underline"
>
{title}{" "}
<span className="h-1 w-1 rounded-full bg-green-500"></span>
<span className="size-1 rounded-full bg-green-500"></span>
</a>
) : (
title