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

Improve login page UI: center alignment, better contrast, shadow enhancement

Đang mở
#286 3 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
45/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
design, frontend

Hướng nghiên cứu

Tìm điểm vào của trang đăng nhập và phần định kiểu của trang, sau đó kiểm tra cách vị trí của card, màu văn bản, bóng đổ và nền chuyển màu được định nghĩa. Thực hiện các điều chỉnh trực quan được yêu cầu mà không thay đổi hành vi xác thực, đồng thời kiểm tra để đảm bảo trang đăng nhập có độ tương phản rõ ràng hơn, chiều sâu được cải thiện và bố cục cân đối.

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

Mô tả

Problem

The login page UI needs better visual clarity and polish.
Currently:

  • Text visibility is low on some backgrounds
  • Login card could use better shadow and positioning
  • Overall layout can feel flat
Expected Improvements
  • Ensure all text inside the login card is clearly visible (black/dark text)
  • Enhance login card shadow for better depth
  • Slightly adjust (move) the login card for better visual balance
  • Keep existing gradient background but improve overall look and feel
Additional Notes

These are UI-only changes; no logic or authentication flow is affected.

Ngôn ngữ chính
TypeScript
Star
102
Fork
144
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

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

Chúng tôi chưa kiểm tra các tệp thiết lập môi trường của dự án này. Hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

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 AOSSIE-Org/InPactAI

Tất cả issue của AOSSIE-Org/InPactAI

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.