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] Swap Components tab layout based on container size (#34035)

Browse Source
This commit is contained in:
Sebastian "Sebbie" Silbermann 2025-07-29 17:23:35 +02:00 committed by GitHub
parent 33a2bf78c4
commit 9c9136b441
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-devtools-shared/src/devtools/views/Components/Components.css
View File

@ -38,7 +38,7 @@
cursor: ew-resize;
}
@media screen and (max-width: 600px) {
@container devtools (width < 600px) {
.Components {
flex-direction: column;
}

2
packages/react-devtools-shared/src/devtools/views/DevTools.css
View File

@ -5,6 +5,8 @@
flex-direction: column;
background-color: var(--color-background);
color: var(--color-text);
container-name: devtools;
container-type: inline-size;
}
.TabBar {

7
packages/react-devtools-shared/src/devtools/views/portaledContent.js vendored
View File

@ -36,7 +36,12 @@ export default function portaledContent(
<ThemeProvider>
<div
data-react-devtools-portal-root={true}
style={{width: '100vw', height: '100vh'}}>
style={{
width: '100vw',
height: '100vh',
containerName: 'devtools',
containerType: 'inline-size',
}}>
{children}
</div>
</ThemeProvider>