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

View File

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

View File

@ -17,7 +17,7 @@ export const PrintDrawer = () => {
return ( return (
<Drawer> <Drawer>
<DrawerTrigger asChild> <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 /> <PrinterIcon />
</Button> </Button>
</DrawerTrigger> </DrawerTrigger>

View File

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