mirror of
https://github.com/BartoszJarocki/cv.git
synced 2024-11-26 12:32:53 +03:00
feat: Update tailwind styles
This commit is contained in:
parent
5c0a61989e
commit
cdd89033d2
@ -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>
|
||||||
|
@ -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..." />
|
||||||
|
@ -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>
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user