ob/sprint
1
0
Fork 0
mirror of https://github.com/hex248/sprint.git synced 2026-02-07 18:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

another stab at fixing the OrgIcon sizing

Browse Source
This commit is contained in:
Oliver Bryan
2026-01-29 21:15:19 +00:00
parent 21d7235419
commit 130f564c33
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/frontend/src/components/org-icon.tsx
View File

@@ -62,17 +62,30 @@ export default function OrgIcon({
"flex items-center justify-center rounded-sm overflow-hidden", "flex items-center justify-center rounded-sm overflow-hidden",
"text-white font-medium select-none", "text-white font-medium select-none",
!iconURL && backgroundClass, !iconURL && backgroundClass,
`w-${size || 6}`,
`h-${size || 6}`,
className, className,
)} )}
style={{ width: `calc(var(--spacing) * ${size || 6})`, height: `calc(var(--spacing) * ${size || 6})` }}
> >
{iconURL ? ( {iconURL ? (
<img src={iconURL} alt={name} className={`rounded-md object-cover w-${size || 6} h-${size || 6}`} /> <img
src={iconURL}
alt={name}
className={`rounded-md object-cover`}
style={{
width: `calc(var(--spacing) * ${size || 6})`,
height: `calc(var(--spacing) * ${size || 6})`,
}}
/>
) : ( ) : (
<div className={cn("flex items-center justify-center", `w-${size || 6}`, `h-${size || 6}`)}> <span
<span className={cn("", textClass)}>{getInitials(name)}</span> className={cn("flex items-center justify-center", textClass)}
</div> style={{
width: `calc(var(--spacing) * ${size || 6})`,
height: `calc(var(--spacing) * ${size || 6})`,
}}
>
{getInitials(name)}
</span>
)} )}
</div> </div>
); );