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

SearchInput.css — react Source File

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

File css BabelCompiler 1 dependents

Entity Profile

Dependency Diagram

graph LR
  4849a20b_f05b_e4d8_1e24_3bd7e0e4f9ca["SearchInput.css"]
  9ae0d283_dcfa_919c_9bba_95892e72fbcd["SearchInput.js"]
  9ae0d283_dcfa_919c_9bba_95892e72fbcd --> 4849a20b_f05b_e4d8_1e24_3bd7e0e4f9ca
  style 4849a20b_f05b_e4d8_1e24_3bd7e0e4f9ca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

.SearchInput {
  flex: 1 1;
  display: flex;
  align-items: center;
}

.Input {
  flex: 1 1 100px;
  width: 100px;
  font-size: var(--font-size-sans-large);
  outline: none;
  border: none;
  background-color: var(--color-background);
  color: var(--color-text);
  padding-left: 1.5rem;
  margin-left: -1rem;
}

.InputIcon {
  pointer-events: none;
  z-index: 2;
  color: var(--color-dimmer);
}

.IndexLabel {
  color: var(--color-dim);
  font-size: var(--font-size-sans-normal);
  white-space: pre;
}

.LeftVRule{
  height: 20px;
  width: 1px;
  background-color: var(--color-border);
}
.LeftVRule {
  margin: 0 0.25rem 0 0.5rem;
}

Domain

Imported By

Source

Frequently Asked Questions

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