react Architecture Docs
Home / File/ DevTools.css — react Source File

DevTools.css — react Source File

Architecture documentation for DevTools.css, a css file in the react codebase. 0 imports, 1 dependents.

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  1e6113bb_c38a_f1f8_c2fe_e2b9376da0f8["DevTools.css"]
  e2c52a93_982e_407f_9fee_e89aa134ae9d["DevTools.js"]
  e2c52a93_982e_407f_9fee_e89aa134ae9d --> 1e6113bb_c38a_f1f8_c2fe_e2b9376da0f8
  style 1e6113bb_c38a_f1f8_c2fe_e2b9376da0f8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.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);
}

Domain

Imported By

Source

Frequently Asked Questions

What does DevTools.css do?
DevTools.css is a source file in the react codebase, written in css. It belongs to the BabelCompiler domain.
What files import DevTools.css?
DevTools.css is imported by 1 file(s): DevTools.js.
Where is DevTools.css in the architecture?
DevTools.css is located at packages/react-devtools-shared/src/devtools/views/DevTools.css (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free