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

Profiler.css — react Source File

Architecture documentation for Profiler.css, a css file in the react codebase. 0 imports, 5 dependents.

File css BabelCompiler 5 dependents

Entity Profile

Dependency Diagram

graph LR
  07413c68_034d_7083_d768_efa42c1f4bb3["Profiler.css"]
  e9f156a7_3128_029f_c78c_3f0bdd3d3035["NoProfilingData.js"]
  e9f156a7_3128_029f_c78c_3f0bdd3d3035 --> 07413c68_034d_7083_d768_efa42c1f4bb3
  4890ec3f_4a0a_92b3_d758_71a3c8092386["ProcessingData.js"]
  4890ec3f_4a0a_92b3_d758_71a3c8092386 --> 07413c68_034d_7083_d768_efa42c1f4bb3
  2e59ff66_9c56_6e37_8843_8e474e6b0d70["Profiler.js"]
  2e59ff66_9c56_6e37_8843_8e474e6b0d70 --> 07413c68_034d_7083_d768_efa42c1f4bb3
  0b624ab1_bdaa_ae7f_a85e_5d9c7cd1567d["ProfilingNotSupported.js"]
  0b624ab1_bdaa_ae7f_a85e_5d9c7cd1567d --> 07413c68_034d_7083_d768_efa42c1f4bb3
  81e36eca_e88d_c59e_ac55_acf33fa441bb["RecordingInProgress.js"]
  81e36eca_e88d_c59e_ac55_acf33fa441bb --> 07413c68_034d_7083_d768_efa42c1f4bb3
  style 07413c68_034d_7083_d768_efa42c1f4bb3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.Profiler {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-sans-normal);
  background-color: var(--color-background);
  color: var(--color-text);
}

.Profiler, .Profiler * {
  box-sizing: border-box;
  -webkit-font-smoothing: var(--font-smoothing);
}

.LeftColumn {
  display: flex;
  flex-direction: column;
  flex: 2 1 200px;
  border-top: 1px solid var(--color-border);
}

.RightColumn {
  display: flex;
  flex-direction: column;
  flex: 1 1 100px;
  max-width: 300px;
  overflow-x: hidden;
  border-left: 1px solid var(--color-border);
  border-top: 1px solid var(--color-border);
}

.Content {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.Column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

.Paragraph {
  text-align: center;
}

.Row {
  display: flex;
  flex-direction: row;
  align-items: center;
// ... (75 more lines)

Domain

Imported By

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free