diff --git a/CHANGELOG.md b/CHANGELOG.md index 2b7c9f7..eea3f24 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,10 @@ ## [Unreleased] +### Fixed + +- Constrained remote Memos avatars to a fixed, cropped size so oversized source images cannot break dashboard or source-page layouts. + ## [0.8.0] - 2026-07-19 ### Added diff --git a/app/avatar.css b/app/avatar.css new file mode 100644 index 0000000..c1e14b6 --- /dev/null +++ b/app/avatar.css @@ -0,0 +1,12 @@ +.avatar { + display: inline-block; + width: 2rem; + height: 2rem; + max-width: 2rem; + max-height: 2rem; + object-fit: cover; + object-position: center; + border-radius: 50%; + vertical-align: middle; + flex: 0 0 2rem; +} diff --git a/app/layout.tsx b/app/layout.tsx index ea8af18..173551b 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,4 +1,5 @@ import "./styles.css"; +import "./avatar.css"; import Link from "next/link"; import { getSession } from "@/lib/auth"; import { db } from "@/lib/db";