Khi BTC muốn thêm ảnh banner tùy chỉnh cho giải đấu — ảnh hiển thị trên card giải trong danh sách tìm kiếm và trang chi tiết.
| # | Name | Type | Description |
|---|---|---|---|
| 1 | Upload banner | button | Tải ảnh banner lên từ máy tính. Ảnh được lưu trên MinIO và URL gán vào trường bannerImageUrl của giải. |
| 2 | Xem trước | link | Preview card giải với ảnh vừa upload — hiện ngay trong giao diện quản lý trước khi lưu. |
| 3 | Xóa ảnh | button | Xóa banner hiện tại, giải sẽ fallback về gradient màu sport + emoji trang trí. |
Ảnh ngang (landscape) tỉ lệ 16:9 hoặc rộng hơn — ví dụ 1200×675px trở lên. Tránh ảnh dọc vì sẽ bị crop nhiều.
Banner giải đấu là hình ảnh xuất hiện trên mọi card giải trong danh sách tìm kiếm. Khi không có banner, hệ thống tự dùng gradient màu của môn thể thao — nhưng ảnh tùy chỉnh giúp giải nổi bật và chuyên nghiệp hơn trong mắt người chơi.
Dùng sau khi tạo giải, trước hoặc sau khi Publish — upload banner để tăng nhận diện thương hiệu và thu hút người đăng ký khi giải xuất hiện trong danh sách tìm kiếm.
Vào Trang quản lý giải → tab Cài đặt (hoặc khu vực Banner tùy layout). Bấm Upload banner để mở hộp thoại chọn file từ máy tính.
Chọn ảnh ngang (landscape) — khuyến nghị tỉ lệ 16:9 trở rộng hơn (ví dụ 1200×675px). Hệ thống upload lên server và hiển thị preview card giải ngay trong giao diện.
Ảnh ngang hiển thị tốt nhất vì card dùng strip full-width chiều cao cố định (96px mobile / 122px desktop). Ảnh dọc sẽ bị crop nhiều ở hai bên.
Kiểm tra preview — overlay gradient tối tự động thêm ở dưới ảnh để badge trạng thái và emoji môn thể thao vẫn đọc được. Nếu ảnh ổn, bấm Lưu hoặc thay đổi sẽ được lưu tự động.
Vào Trang danh sách giải (/tournaments) để xem card giải với banner thực tế như người dùng thấy. Ảnh hiển thị ở đầu mỗi card với gradient overlay phía dưới.
Muốn quay lại gradient mặc định, bấm Xóa ảnh. Hệ thống xóa URL banner và card giải tự động hiển thị gradient màu sport + emoji trang trí.