Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-16 17:51:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

add digitalocean attribution

Browse Source
This commit is contained in:
Amruth Pillai
2024-01-21 11:00:24 +01:00
parent 1aaaaeca20
commit b68b5a7747
42 changed files with 104 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/pages/builder/sidebars/left/dialogs/profiles.tsx
View File

@ -82,7 +82,7 @@ export const ProfilesDialog = () => {
<FormLabel htmlFor="iconSlug">{t`Icon`}</FormLabel>
<FormControl>
<div className="flex items-center gap-x-2">
<Avatar className="h-8 w-8 bg-white">
<Avatar className="size-8 bg-white">
{field.value && (
<AvatarImage
className="p-1.5"

2
apps/client/src/pages/builder/sidebars/left/index.tsx
View File

@ -43,7 +43,7 @@ export const LeftSidebar = () => {
return (
<div className="flex bg-secondary-accent/30">
<div className="hidden basis-12 flex-col items-center justify-between bg-secondary-accent/30 py-4 sm:flex">
<Button asChild size="icon" variant="ghost" className="h-8 w-8 rounded-full">
<Button asChild size="icon" variant="ghost" className="size-8 rounded-full">
<Link to="/dashboard">
<Icon size={14} />
</Link>

8
apps/client/src/pages/builder/sidebars/left/sections/picture/options.tsx
View File

@ -93,7 +93,7 @@ export const PictureOptions = () => {
>
<Tooltip content={t`Square`}>
<ToggleGroupItem value="square">
<div className="h-3 w-3 border border-foreground" />
<div className="size-3 border border-foreground" />
</ToggleGroupItem>
</Tooltip>
@ -136,19 +136,19 @@ export const PictureOptions = () => {
>
<Tooltip content={t`Square`}>
<ToggleGroupItem value="square">
<div className="h-3 w-3 border border-foreground" />
<div className="size-3 border border-foreground" />
</ToggleGroupItem>
</Tooltip>
<Tooltip content={t`Rounded`}>
<ToggleGroupItem value="rounded">
<div className="h-3 w-3 rounded-sm border border-foreground" />
<div className="size-3 rounded-sm border border-foreground" />
</ToggleGroupItem>
</Tooltip>
<Tooltip content={t`Circle`}>
<ToggleGroupItem value="circle">
<div className="h-3 w-3 rounded-full border border-foreground" />
<div className="size-3 rounded-full border border-foreground" />
</ToggleGroupItem>
</Tooltip>
</ToggleGroup>

2
apps/client/src/pages/builder/sidebars/left/sections/picture/section.tsx
View File

@ -50,7 +50,7 @@ export const PictureSection = () => {
return (
<div className="flex items-center gap-x-4">
<div className="group relative cursor-pointer" onClick={onAvatarClick}>
<Avatar className="h-14 w-14 bg-secondary">
<Avatar className="size-14 bg-secondary">
<AvatarImage src={picture.url} />
</Avatar>

2
apps/client/src/pages/builder/sidebars/left/sections/shared/section-icon.tsx
View File

@ -71,7 +71,7 @@ export const SectionIcon = ({ id, name, icon, ...props }: SectionIconProps) => {
return (
<Tooltip side="right" content={name ?? section.name}>
<Button size="icon" variant="ghost" className="h-8 w-8 rounded-full" {...props}>
<Button size="icon" variant="ghost" className="size-8 rounded-full" {...props}>
{icon ?? getSectionIcon(id, { size: 14 })}
</Button>
</Tooltip>

2
apps/client/src/pages/builder/sidebars/right/sections/layout.tsx
View File

@ -242,7 +242,7 @@ export const LayoutSection = () => {
<Button
size="icon"
variant="ghost"
className="h-8 w-8"
className="size-8"
onClick={() => onRemovePage(pageIndex)}
>
<TrashSimple size={12} className="text-error" />

10
apps/client/src/pages/builder/sidebars/right/sections/theme.tsx
View File

@ -30,11 +30,11 @@ export const ThemeSection = () => {
setValue("metadata.theme.primary", color);
}}
className={cn(
"flex h-6 w-6 cursor-pointer items-center justify-center rounded-full ring-primary ring-offset-1 ring-offset-background transition-shadow hover:ring-1",
"flex size-6 cursor-pointer items-center justify-center rounded-full ring-primary ring-offset-1 ring-offset-background transition-shadow hover:ring-1",
theme.primary === color && "ring-1",
)}
>
<div className="h-5 w-5 rounded-full" style={{ backgroundColor: color }} />
<div className="size-5 rounded-full" style={{ backgroundColor: color }} />
</div>
))}
</div>
@ -45,7 +45,7 @@ export const ThemeSection = () => {
<Popover>
<PopoverTrigger asChild>
<div
className="absolute inset-y-0 left-3 my-2.5 h-4 w-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
className="absolute inset-y-0 left-3 my-2.5 size-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
style={{ backgroundColor: theme.primary }}
/>
</PopoverTrigger>
@ -75,7 +75,7 @@ export const ThemeSection = () => {
<Popover>
<PopoverTrigger asChild>
<div
className="absolute inset-y-0 left-3 my-2.5 h-4 w-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
className="absolute inset-y-0 left-3 my-2.5 size-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
style={{ backgroundColor: theme.background }}
/>
</PopoverTrigger>
@ -105,7 +105,7 @@ export const ThemeSection = () => {
<Popover>
<PopoverTrigger asChild>
<div
className="absolute inset-y-0 left-3 my-2.5 h-4 w-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
className="absolute inset-y-0 left-3 my-2.5 size-4 cursor-pointer rounded-full ring-primary ring-offset-2 ring-offset-background transition-shadow hover:ring-1"
style={{ backgroundColor: theme.text }}
/>
</PopoverTrigger>

2
apps/client/src/pages/builder/sidebars/right/shared/section-icon.tsx
View File

@ -66,7 +66,7 @@ type SectionIconProps = ButtonProps & {
export const SectionIcon = ({ id, name, icon, ...props }: SectionIconProps) => (
<Tooltip side="left" content={name}>
<Button size="icon" variant="ghost" className="h-8 w-8 rounded-full" {...props}>
<Button size="icon" variant="ghost" className="size-8 rounded-full" {...props}>
{icon ?? getSectionIcon(id, { size: 14 })}
</Button>
</Tooltip>