/
ashipov
/
react
Обзор
Документация
Войти
/
ashipov
/
react
Код
Запросы
0
Задачи 2.0
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
main
packages/react-devtools-shared/src/devtools/views/DevTools.css
62 строки
1 KB
Sebastian "Sebbie" Silbermann
[DevTools] Swap Components tab layout based on container size (#34035)
29 июл 2025, 18:23
Не верифицирован
29 июл 2025, 18:23
9c9136b
Код
Авторство
О чём код?
.DevTools { width: 100%; height: 100%; display: flex; flex-direction: column; background-color: var(--color-background); color: var(--color-text); container-name: devtools; container-type: inline-size; } .TabBar { flex: 0 0 auto; display: flex; align-items: center; padding: 0 0.5rem; background-color: var(--color-background); border-top: 1px solid var(--color-border); font-family: var(--font-family-sans); font-size: var(--font-size-sans-large); user-select: none; /* Electron drag area */ -webkit-app-region: drag; } .Spacer { flex: 1; } .TabContent { flex: 1 1 100%; overflow: auto; -webkit-app-region: no-drag; } .DevToolsVersion { font-size: var(--font-size-sans-normal); margin-right: 0.5rem; } .DevToolsVersion:before { font-size: var(--font-size-sans-large); content: 'DevTools '; } @media screen and (max-width: 400px) { .DevToolsVersion:before { content: ''; } } @media screen and (max-width: 300px) { .DevToolsVersion { display: none; } } .DevTools, .DevTools * { box-sizing: border-box; -webkit-font-smoothing: var(--font-smoothing); }