antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix item image when not square

Browse Source
This commit is contained in:
Anton Tranelis 2024-07-16 16:19:34 +02:00
parent 387453f2f5
commit 48453bbd28
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx
View File

@ -56,11 +56,15 @@ export function HeaderView({ item, api, editCallback, deleteCallback, setPositio
<div className={`tw-grow tw-max-w-[calc(100%-60px)] }`}> <div className={`tw-grow tw-max-w-[calc(100%-60px)] }`}>
<div className="flex items-center"> <div className="flex items-center">
{avatar && ( {avatar && (
<div className="tw-avatar">
<div className={`${big ? "tw-w-20" : "tw-w-10"} tw-inline tw-items-center tw-justify-center overflow-hidden`}>
<img <img
className={`${big ? "tw-w-20" : "tw-w-10"} tw-inline tw-rounded-full`} className={`tw-w-full tw-h-full tw-object-cover tw-rounded-full`}
src={avatar} src={avatar}
alt={item.name + " logo"} alt={item.name + " logo"}
/> />
</div>
</div>
)} )}
<div className={`${avatar ? "tw-ml-2" : ""} tw-overflow-hidden`}> <div className={`${avatar ? "tw-ml-2" : ""} tw-overflow-hidden`}>
<div className={`${big ? "xl:tw-text-3xl tw-text-2xl" : "tw-text-xl"} tw-font-semibold tw-truncate`}> <div className={`${big ? "xl:tw-text-3xl tw-text-2xl" : "tw-text-xl"} tw-font-semibold tw-truncate`}>