Skip to content

refactor(logs): reorganize and polish controls toolbar layout - #157

Merged
vantoan1511 merged 1 commit into
mainfrom
feat/reorganize-logs-toolbar
Aug 23, 2026
Merged

refactor(logs): reorganize and polish controls toolbar layout#157
vantoan1511 merged 1 commit into
mainfrom
feat/reorganize-logs-toolbar

Conversation

@vantoan1511

Copy link
Copy Markdown
Owner

Summary

Reorganizes and polishes the Logs view controls toolbar in LogsView.vue to make it more compact, readable, and compliant with Orbit's flat desktop design principles.

Changes

  • Toolbar Structure: Replaced the previous single-row overflowing layout / <Card> wrapper with a structured two-row flat layout.
  • Visual Design System Alignment:
    • Set variant="filled" on <Select> and <InputText> components.
    • Used <IconField> with <InputIcon> for search logs input.
    • Formatted resource selector labels with uppercase tracking (text-[10px] font-semibold tracking-wider text-muted-color uppercase).
    • Added a subtle vertical divider between stream actions (Play/Pause, Clear) and utility actions (Highlight Rules, Copy, Download, Fullscreen).
    • Applied uniform severity="secondary" variant="text" styling for icon action buttons.

Files Changed

File Change
src/views/LogsView.vue Modified

Testing

  • Verified with npm run type-check (vue-tsc --build) — 0 errors.
  • Verified with npm run lint (eslint) — 0 warnings.
  • Verified production build with npm run build-only (vite build) — succeeded.

Related Artifacts

  • Report: .agents/PRPs/reports/polish-logs-toolbar-report.md
  • Completed Plan: .agents/PRPs/plans/completed/reorganize-logs-toolbar.plan.md

@vantoan1511
vantoan1511 merged commit e345d97 into main Aug 23, 2026
2 checks passed
@vantoan1511
vantoan1511 deleted the feat/reorganize-logs-toolbar branch August 23, 2026 15:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant