Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-15 07:36:27 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix squished breadcrumbs logo on Firefox

Browse Source 
Closes #2970
This commit is contained in:
Kalle
2026-04-12 17:03:58 +03:00
parent 79be3933dc
commit e1ddec5516
2 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/components/layout/index.module.css
View File

@@ -86,11 +86,18 @@
}
}
.pageIconWrapper {
display: flex;
align-items: center;
flex-shrink: 0;
width: 28px;
height: 28px;
animation: fadeInFull 200ms ease-out 150ms both;
}
.pageIcon {
width: 28px;
height: 28px;
flex-shrink: 0;
animation: fadeInFull 200ms ease-out 150ms both;
object-fit: cover;
}

30
app/components/layout/index.tsx
View File

@@ -544,16 +544,26 @@ function PageIcon({ crumb }: { crumb: Breadcrumb }) {
const isExternal = crumb.imgPath.includes(".");
const iconClass = clsx(styles.pageIcon, "rounded");
return isExternal ? (
<img src={crumb.imgPath} alt="" className={iconClass} />
) : (
<Image
path={crumb.imgPath}
alt=""
className={iconClass}
width={20}
height={20}
/>
return (
<div className={styles.pageIconWrapper}>
{isExternal ? (
<img
src={crumb.imgPath}
alt=""
className={iconClass}
width={28}
height={28}
/>
) : (
<Image
path={crumb.imgPath}
alt=""
className={iconClass}
width={20}
height={20}
/>
)}
</div>
);
}