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

65 строк1 KB

lovlygod

feat: add problems panel and status bar diagnostics

26 апр 2026, 21:31

26 апр 2026, 21:311fd3e73

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

.status-problems-btn {
  border: 0;
  background: transparent;
  color: var(--text-muted, #858585);
  font-size: 11px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 0 6px;
  height: 20px;
  border-radius: 2px;
}

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