fix: remove the empty bands above and below a contact's name on the phone

This commit is contained in:
Linus Rath
2026-10-28 04:47:27 +01:00
parent c04f850b16
commit 567880d57f
+1 -1
View File
@@ -169,7 +169,7 @@ export function ContactDetail({ contact, onEdit, onDelete, onAddToGroup, onDupli
<div className={cn("flex flex-col h-full overflow-y-auto", className)}>
<div className={cn("border-b border-border", isMobile ? "px-4 py-4" : "px-6 py-6")}>
<div className={cn("flex gap-4", isMobile ? "flex-col" : "flex-wrap items-start justify-between")}>
<div className="flex items-center gap-4 min-w-0 flex-1 basis-60">
<div className={cn("flex items-center gap-4 min-w-0 flex-1", !isMobile && "basis-60")}>
<Avatar name={name} email={email} contactPhoto={photo} size={isMobile ? "md" : "lg"} />
<div className="min-w-0 flex-1">
<h2 className={cn("font-semibold truncate", isMobile ? "text-lg" : "text-xl")}>{name || "-"}</h2>