mirror of
https://github.com/bulwarkmail/webmail.git
synced 2026-11-04 08:15:41 +00:00
fix: wrap a long address in a plugin's info bar instead of cutting it at the pane's edge
This commit is contained in:
@@ -1188,7 +1188,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
|
||||
<div className="bk flex flex-wrap items-center gap-x-3 gap-y-1.5 px-6 py-1.5 border-b border-border bg-muted/30 text-sm">
|
||||
{icon && <span className={cn('w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0', INFO_TONE[tone])}><Icon name={icon} size="sm" /></span>}
|
||||
{eyebrow && <span className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</span>}
|
||||
{title && <span className="min-w-0 flex-1 text-foreground break-words">{title}</span>}
|
||||
{title && <span className="min-w-0 flex-1 text-foreground [overflow-wrap:anywhere]">{title}</span>}
|
||||
{children}
|
||||
</div>
|
||||
);
|
||||
@@ -1206,7 +1206,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
|
||||
{(eyebrow || title) && (
|
||||
<div>
|
||||
{eyebrow && <div className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</div>}
|
||||
{title && <div className="text-sm font-medium text-foreground break-words">{title}</div>}
|
||||
{title && <div className="text-sm font-medium text-foreground [overflow-wrap:anywhere]">{title}</div>}
|
||||
</div>
|
||||
)}
|
||||
{children}
|
||||
|
||||
Reference in New Issue
Block a user