Merged
Conversation
- Increased U slot height from h-3 (12px) to h-4 (16px) - Updated dynamic height calculation from *12 to *16 - Reduced border radius from rounded-lg to rounded - Changed device slots from rounded-sm to rounded - Increased font size from 7px to 8px for better readability
Removed 'rounded' class from both device slots and empty slots for a sharper, more technical look.
Implemented a clickable image lightbox on machine detail pages: - Click on main image to view full-size version in modal overlay - Hover effect with ImageIcon indicator on main image - Close lightbox by clicking X button, clicking outside, or pressing ESC - Full-screen modal with 90% viewport height constraint - Prevents body scroll when lightbox is open - Smooth transitions and accessibility support
Updated navigation active state logic to highlight the Infrastructure nav button when viewing any machine details page (/infra/[machineId]). Now the Infrastructure nav item is active when on: - /infra (infrastructure overview) - /rack (rack diagram page) - /infra/* (any machine detail page)
Reverted the Infrastructure nav highlight to only activate on /infra and /rack, not on machine detail pages (/infra/[machineId]).
Added isMachineDetailPage reactive check to hide navigation elements when viewing individual machine pages (/infra/[machineId]): - Hidden desktop navigation header - Hidden mobile hamburger menu button - Hidden mobile menu overlay This provides a cleaner, more focused view for machine detail pages while keeping navigation visible on all other pages including /infra and /rack.
Extended isMachineDetailPage check to also hide navigation on /rack page. Navigation is now hidden on: - /rack (rack diagram page) - /infra/[machineId] (individual machine detail pages) Navigation remains visible on: - /infra (infrastructure overview) - All other pages (home, about, projects, museum)
Major UI improvements to make cards integrate more seamlessly: - Replaced heavy Card components with subtle bg-card/30 backgrounds - Reduced border prominence (border-border/10 instead of prominent shadows) - Simplified section headers using h3 instead of CardHeader/CardTitle - Increased spacing between sections (space-y-8 and gap-12) - Enhanced image styling with rounded-xl and better hover effects - Improved gallery thumbnails with subtle borders - Better visual hierarchy with consistent padding and spacing - More elegant dividers (border-border/10) between list items - Enhanced typography with leading-relaxed for better readability The design now feels more unified and less 'boxy' while maintaining the same overall aesthetic and functionality.
Major layout restructuring for a more dynamic presentation: Hero Image Section: - Full-width hero image (50vh) at the top for dramatic impact - Larger gallery thumbnails (24x24) centered below hero image - Gradient overlay on hero image for better text/icon contrast - Enhanced hover effects with larger icon (12x12) New 7-5 Column Layout: - Changed from 3-column to 12-column grid (7-5 split) - Left column: Description, Specs (2-column grid), Software (2-column grid) - Right column: Key Info (sticky) + Rack Position Enhanced Component Styling: - Specs in 2-column grid with vertical layout (label above value) - Software as cards in 2-column grid instead of list - Key info items as individual rounded cards with subtle backgrounds - Sticky sidebar for better UX on scroll Visual Improvements: - Larger, more prominent hero image - Better use of space with 2-column grids - More breathing room between elements - Improved visual hierarchy with sticky positioning
Restructured the content layout for better organization: Left Column: - Description - Hardware Specifications (2-column grid) - Key Informations (OS, dates, etc.) Right Column: - Software & Services (single column list) - Rack Position diagram Changes: - Simplified from 12-column (7-5 split) to equal 2-column layout - Moved Key Infos from right sidebar to left column (after specs) - Moved Software from left to right column (before rack) - Changed Software layout from 2-column grid to single column for better fit - Removed sticky positioning from Key Info section This creates a more balanced layout with hardware info on the left and software/infrastructure on the right.
- Add deviceType, location, formFactor, and mobility fields to Machine interface - Populate these fields for non-rack machines (Snowflake, Skylight, Zephyrus) - Add Device Details card to machine detail page when rack position unavailable - Card displays static information that doesn't require external APIs or updates
- Add cascading animations on page load (back button, header, hero image, columns) - Stagger animations with progressive delays for smooth visual flow - Add fade and scale transitions to lightbox for polished image viewing - Import svelte/transition for fade and scale effects
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.