src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: align Focused list preview with other layout previews

Browse Source
This commit is contained in:
Linus Rath
2026-05-11 15:41:25 +02:00
parent 2c513129f2
commit 1d09f5a623
1 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/settings/layout-settings.tsx
+20 -16
View File
@@ -13,6 +13,12 @@ const MAIL_LAYOUT_PREVIEW_ROWS = [
{ sender: 'Billing', subject: 'Invoice 1042', preview: 'Your receipt is attached.', selected: false }, { sender: 'Billing', subject: 'Invoice 1042', preview: 'Your receipt is attached.', selected: false },
]; ];
const MAIL_LAYOUT_PREVIEW_ROWS_FOCUS = [
...MAIL_LAYOUT_PREVIEW_ROWS,
{ sender: 'Sam', subject: 'Lunch?', preview: '', selected: false },
{ sender: 'Newsletter', subject: 'Weekly digest', preview: '', selected: false },
];
function MailLayoutPreview({ function MailLayoutPreview({
value, value,
t, t,
@@ -57,23 +63,21 @@ function MailLayoutPreview({
)} )}
{value === 'focus' && ( {value === 'focus' && (
<div className="flex-1 bg-background px-2 py-2"> <div className="flex-1 bg-background">
<div className="space-y-1.5"> {MAIL_LAYOUT_PREVIEW_ROWS_FOCUS.map((row) => (
{MAIL_LAYOUT_PREVIEW_ROWS.map((row) => ( <div
<div key={row.subject}
key={row.subject} className={cn(
className={cn( 'border-b border-border px-2 py-1 text-[10px] last:border-b-0',
'rounded-md px-2 py-1 text-[10px]', row.selected && 'bg-primary/10'
row.selected ? 'bg-primary/10' : 'bg-muted/20' )}
)} >
> <div className="truncate text-foreground">
<div className="truncate text-foreground"> <span className="font-medium">{row.sender}</span>
<span className="font-medium">{row.sender}</span> <span className="mx-1.5 text-muted-foreground">{row.subject}</span>
<span className="mx-1.5 text-muted-foreground">{row.subject}</span>
</div>
</div> </div>
))} </div>
</div> ))}
</div> </div>
)} )}