zxclovly/BlinkCode: All-in-one desktop code editor for the modern web. Monaco + Terminal + Built-in Browser in one blazing-fast Electron app. Forget heavy IDEs – BlinkCode is your streamlined workflow super tool.

src/components/StatusBar/StatusBar.css

46 строк890 B

lovlygod

feat(status-bar): add status bar with cursor position, indent info, language, and git branch

22 апр 2026, 02:20

22 апр 2026, 02:20c009f17

.status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 22px;
  padding: 0 10px;
  font-size: 11px;
  font-family: var(--font-ui, 'Segoe UI', system-ui, sans-serif);
  color: var(--text-muted, #858585);
  background: var(--bg-panel, #1e1e1e);
  border-top: 1px solid var(--border-subtle, #2a2a2a);
  flex-shrink: 0;
  user-select: none;
}

.status-bar-left,
.status-bar-right {
  display: flex;
  align-items: center;
  gap: 2px;
}

.status-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: background 0.15s;
}

.status-item:hover {
  background: var(--bg-hover, #2a2d2e);
  color: var(--text-primary, #d4d4d4);
}

.status-branch {
  color: var(--text-primary, #d4d4d4);
  font-weight: 500;
}

.status-lang {
  text-transform: capitalize;
}