Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Work Intent: polish the combined header across mobile and desktop

Đã đóng
  • Có gì không ổn?
#2,108 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

Một pull request liên quan đã được merge.

  • #2109 của @elibosley — đã merge

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
20/100
Loại issue
Tính năng
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Sôi nổi
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

The payload names no files or components, so start by locating the combined header in the Web UI and the shared logo, version, usage and account/status pieces it renders. The issue asks for several visual changes at once and does not say which one comes first, so confirm scope with the requesting maintainer before editing. Done means the requested layout and banner changes work at mobile and desktop widths and the component tests cover them.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Overview

Polish the combined Unraid header on mobile and desktop, following the existing redesign and the requesting maintainer's iterative design feedback. Keep the header compact, restore the original logo appearance, improve banner readability, and separate the server description from its name.

Technical Approach

Use a responsive grid with each interactive control mounted once, isolate the official logo from legacy SVG styles, and anchor a smooth desktop banner fade to the account column. Add a local state preview and focused component coverage, then validate mobile and desktop widths under legacy WebGUI styles.

Scope

  • Web UI
  • API
  • Plugin
  • Build/Deploy Process
  • Documentation

Timeline & Impact

  • Maintainer requested and approved the design through iterative review and requested PR publication.
  • Affects combined-header layout plus shared logo, version, usage, and account/status presentation. Validate existing standalone header/profile behavior through component tests.

Pre-submission Checklist

  • Searched for related issues and Work Intents; none found for this combined-header polish.
  • Work follows the requesting maintainer's approved scope.
  • Open to reviewer adjustments.
Ngôn ngữ chính
TypeScript
Star
115
Fork
23
Merge trung bình
3 ngày 12 giờ
Pull request đã merge (30 ngày)
12

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của unraid/api

Tất cả issue của unraid/api

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.