🎯 style: Center Scroll-to-Bottom Rib in Message Nav Rail (#14151)

* fix: center scroll-to-bottom rib in message nav rail

* fix: align chevron icons with rib centerline
This commit is contained in:
Danny Avila 2026-07-07 11:47:03 -04:00 committed by GitHub
parent f3692b5d43
commit 0347d4a7dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -150,7 +150,7 @@ const MessageIndicator = memo(function MessageIndicator({
label: string;
onSelect: (id: string) => void;
}) {
const baseSize = entry.isEnd ? 'h-1 w-1' : 'h-[3px] w-4';
const baseSize = entry.isEnd ? 'mr-1.5 h-1 w-1' : 'h-[3px] w-4';
return (
<button
type="button"
@ -175,7 +175,7 @@ const MessageIndicator = memo(function MessageIndicator({
});
const chevronButtonClasses = cn(
'rounded-md p-0.5 text-text-tertiary opacity-40 transition-[color,opacity] duration-300',
'-mr-0.5 rounded-md p-0.5 text-text-tertiary opacity-40 transition-[color,opacity] duration-300',
'group-hover/nav:text-text-secondary group-hover/nav:opacity-100',
'group-focus-within/nav:text-text-secondary group-focus-within/nav:opacity-100',
'group-hover/nav:hover:text-text-primary',