block / block/proto-fleet

bug(racks-ui): small rack causes overflowing items

Open
#297 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
Go
Stars
55
Forks
16
Avg merge
1d 22h
Merged PRs (30d)
87

Description

### Describe the bug

When creating a smaller rack (in this case 3x2), the miner states will overflow their table and look strange.

### Preconditions

Having a small created rack, such as 3x2.

### Steps to reproduce

1. Create a 3x2 rack,
2. Optionally add miners,
3. Go to the page for that rack,
4. To the right of the rack, the miner states will be squished and overflowing.

### Expected behavior

Ideally the rack image spacing should expand to ensure the min height for the states icons are met.

### Proto Fleet version

v0.2.7

### Environment

Browser: Firefox 151.0 (64-bit)

### Logs

```shell

```

### Screenshots & screen recordings

Image

Contributor guide

Open the contributing guide

Research direction

Start at the rack page and its rack/miner-state UI entry points, then reproduce the issue with a 3x2 rack in the browser. Inspect the layout around the rack image and miner states; done means the state icons remain readable and do not overflow or become squished on small racks.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.