OSSForks/react
1
0
Fork 0
mirror of https://github.com/zebrajr/react.git synced 2025-12-06 12:20:20 +01:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

[DevTools] Larger panel buttons and center (#34619)

Browse Source 
The panel icons are quite small. Especially compared to the equivalent
buttons elsewhere in Chrome DevTools that otherwise use the same icons.
This makes them a little bigger to make them similar size to our other
button icons.

They were also a bit off center. This centers them as well.

Before:

<img width="409" height="426" alt="Screenshot 2025-09-26 at 4 23 15 PM"
src="https://github.com/user-attachments/assets/4a5de032-e316-44ed-9424-8bccce00f0cd"
/>

After:

<img width="519" height="388" alt="Screenshot 2025-09-26 at 4 22 57 PM"
src="https://github.com/user-attachments/assets/1763e522-5683-4fac-a913-27910a30a039"
/>
This commit is contained in:
Sebastian Markbåge 2025-09-28 12:09:08 -04:00 committed by GitHub
parent f78b2343cc
commit 09d3cd8fb5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-devtools-shared/src/devtools/views/ButtonIcon.js vendored
View File

@ -52,7 +52,7 @@ type Props = {
type: IconType, type: IconType,
}; };
const panelIcons = '0 -960 960 820'; const panelIcons = '96 -864 768 768';
export default function ButtonIcon({className = '', type}: Props): React.Node { export default function ButtonIcon({className = '', type}: Props): React.Node {
let pathData = null; let pathData = null;
let viewBox = '0 0 24 24'; let viewBox = '0 0 24 24';