Hover animation for home button.

Fix svg alignment in foreign objects.
2026-03-07 09:25:27 +00:00 · 2021-08-03 15:37:19 +01:00
parent 9581a4df92
commit e1ffefe2ba
4 changed files with 27 additions and 3 deletions
--- a/src/components/common/user/UserIcon.tsx
+++ b/src/components/common/user/UserIcon.tsx
@@ -63,6 +63,7 @@ export default observer(
            status,
            animate,
            mask,
+            hover,
            children,
            as,
            ...svgProps
@@ -79,6 +80,7 @@ export default observer(
                {...svgProps}
                width={size}
                height={size}
+                hover={hover}
                aria-hidden="true"
                viewBox="0 0 32 32">
                <foreignObject
@@ -86,6 +88,7 @@ export default observer(
                    y="0"
                    width="32"
                    height="32"
+                    class="icon"
                    mask={mask ?? (status ? "url(#user)" : undefined)}>
                    {<img src={iconURL} draggable={false} loading="lazy" />}
                </foreignObject>