fix drawer

This commit is contained in:
Ishaan Jaffer 2026-01-30 15:53:37 -08:00
parent 61bb51dc3d
commit 437e9e23bd

View file

@ -139,7 +139,7 @@ function RequestIdSection({ requestId, onCopy }: { requestId: string; onCopy: ()
/** /**
* Navigation controls (previous, next, close) * Navigation controls (previous, next, close)
* Shows keyboard shortcuts with bounding boxes for visibility * Shows keyboard shortcuts styled as buttons for visibility
*/ */
function NavigationSection({ function NavigationSection({
onPrevious, onPrevious,
@ -150,14 +150,21 @@ function NavigationSection({
onNext: () => void; onNext: () => void;
onClose: () => void; onClose: () => void;
}) { }) {
const keyboardShortcutStyle = { const keyboardShortcutStyle: React.CSSProperties = {
border: "1px solid #d9d9d9", display: "inline-flex",
borderRadius: 4, alignItems: "center",
padding: "0 4px", justifyContent: "center",
fontSize: 12, minWidth: "20px",
height: "20px",
padding: "0 6px",
fontSize: 11,
fontWeight: 600,
fontFamily: "monospace", fontFamily: "monospace",
marginLeft: 4, marginLeft: 4,
background: "#fafafa", background: "#fff",
border: "1px solid #d9d9d9",
borderRadius: 4,
boxShadow: "0 1px 2px rgba(0,0,0,0.05)",
}; };
return ( return (