Skip to content

Rack page rework#24

Merged
AzertoxHDW merged 9 commits intomainfrom
claude/terminal-style-cards-011dt2HnscfDvU9iFB8ohvY5
Nov 20, 2025
Merged

Rack page rework#24
AzertoxHDW merged 9 commits intomainfrom
claude/terminal-style-cards-011dt2HnscfDvU9iFB8ohvY5

Conversation

@AzertoxHDW
Copy link
Owner

No description provided.

Added comprehensive 3D depth and realism:
- Metallic rack frame with gradient, inset shadows, and corner screws
- Mounting holes on rails with realistic depth
- Device bezels with 3D borders and shadows
- Gradient backgrounds on all device types for depth
- Glowing LED effects with radial gradients and halos
- Realistic port styling with depth
- Ventilation patterns for multi-U servers
- Better hover effects with primary color highlight

Added statistics dashboard showing:
- Rack space utilization (U used/total)
- Active equipment count
- Equipment type diversity

Added page transitions with |global modifiers throughout
- Add back button to infrastructure page from rack diagram
- Make navbar highlight Infrastructure when viewing rack page
- Update both desktop and mobile navigation active states
- Update sliding blob indicator positioning for rack page
- Link rack devices (Sierra, TrueNAS) to their infrastructure detail pages
- Add click handler for navigation to machine details
- Add keyboard support (Enter/Space) for accessibility
- Enhance hover state for clickable devices with stronger visual feedback
- Update info box to show "Click to view details" prompt
- Add active state animation for better click feedback
- Show full infrastructure machine cards when hovering rack devices
- Map rack devices to infrastructure machines via infraMachineId
- Display complete machine info (image, specs, OS, role) beside rack
- Add button to navigate to full infrastructure detail page
- Remove click-to-navigate behavior in favor of inline display
- Fallback to basic info card for devices without infrastructure link
- Track hover state for both rack device and info card separately
- Keep card visible when mouse moves from device to card
- Only hide card when mouse leaves both device and card
- Add mouse enter/leave handlers to card container
- Reduce timeout delays for smoother interaction
- Increase device name font size from text-xs to text-sm
- Add conditional rendering to always show faceplate text or device name
- Enhance text shadows for better visibility against device backgrounds
- Increase letter-spacing for better readability
- Add multiple shadow layers for depth and contrast
- Display mini rack diagram showing machine's position
- Highlight current machine in primary color
- Show U position and height in text
- Add link to full rack diagram page
- Only shown for machines that are rack-mounted
- Compact design fits in sidebar next to machine info
@AzertoxHDW AzertoxHDW merged commit 669fa76 into main Nov 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants