Skip to content

Template build details pixel perfect tweaks#210

Merged
ben-fornefeld merged 14 commits intomainfrom
template-build-details-pixel-perfect-tweaks
Dec 22, 2025
Merged

Template build details pixel perfect tweaks#210
ben-fornefeld merged 14 commits intomainfrom
template-build-details-pixel-perfect-tweaks

Conversation

@vojtabohm
Copy link
Collaborator

Minor cosmetic changes to bring the Template build details page up-to-date with Figma

Template Link Styling:

  • Added underline with 2px offset for cleaner appearance
  • Orange hover state on template link

Build Header:

  • Changed all header items to secondary text color
  • Removed ID truncation in details section (now shows full ID)
  • Added truncated Build ID to page breadcrumb (first 6 + last 6 chars)

Logs Table:

  • Reduced header height from 40px to 32px
  • Added conditional prose-label-highlight styling for selected table headers (using data-state="selected")
  • Implemented 16px column spacing using pr-4 on non-last columns
  • Updated column width constants to account for padding (timestamp: 176+16, level: 52+16)
  • Added 8px top padding below table header (using virtualizer paddingStart)
  • Reduced log level badge height from 20px to 18px
  • Changed info badge variant from 'positive' to 'info'

Before:
Arc - 2025-12-19 at 16 16 39@2x

After:
Arc - 2025-12-19 at 16 16 03@2x

@vercel
Copy link

vercel bot commented Dec 19, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
web Ready Ready Preview, Comment Dec 22, 2025 3:04pm
web-juliett Ready Ready Preview, Comment Dec 22, 2025 3:04pm

ben-fornefeld
ben-fornefeld previously approved these changes Dec 19, 2025
Copy link
Member

@ben-fornefeld ben-fornefeld left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm

@ben-fornefeld ben-fornefeld self-assigned this Dec 20, 2025
@ben-fornefeld ben-fornefeld added improvement Improvements in-code design For changes related to UI/UX labels Dec 20, 2025
@vojtabohm
Copy link
Collaborator Author

@ben-fornefeld the issue has been addressed

@ben-fornefeld
Copy link
Member

@ben-fornefeld the issue has been addressed

@vojtabohm i am still seeing the live indicator overflowing the title without it being truncated on the latest preview deployment. (mac, chrome) can you double check this?

@vojtabohm
Copy link
Collaborator Author

@ben-fornefeld you're right, I accidentally committed the wrong class. It is fixed now.

@ben-fornefeld ben-fornefeld merged commit fc5ebea into main Dec 22, 2025
5 checks passed
@ben-fornefeld ben-fornefeld deleted the template-build-details-pixel-perfect-tweaks branch December 22, 2025 16:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design For changes related to UI/UX improvement Improvements in-code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants