Rebrand to gitlawb logo and polish the repo detail page#5
Merged
Conversation
Branding: the official gitlawb mark (extracted as a 4KB currentColor SVG from the platform brand asset) replaces the text-only header branding — now [logo] explorer — and the purple-bolt favicon, which becomes the mark on a black tile. Title and footer read "gitlawb explorer". Detail page: - Owner DID middle-truncates via new truncateDid() (did:key:z6Mkn…xXxYk), full DID on hover and in the copy button; footer node DID reuses it. - Right stats column widens 380px → 440px with rebalanced cells so the commit hash and created date sit on one line. - README render and file markdown preview drop the 72ch cap; the code viewer drops its 1100px cap — both now fill the content width. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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
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.
Description
Bundles three UI polish changes from the same working session:
1. gitlawb branding. The header now shows the official gitlawb mark + "explorer"
(lowercase, matching the app's terminal style) instead of the text-only
"gitlawb node explorer". The mark is a new 4KB
Logocomponent — the white glyphpath extracted from the platform's brand asset, rendered with
currentColorso itflips with the theme. The purple-bolt favicon is replaced by the mark on a black
tile, and the page title / footer now read "gitlawb explorer".
2. DID middle-truncation. The repo detail owner row rendered the full
56-character DID. New
truncateDid()helper keeps the scheme prefix and shortensthe key segment to
did:key:z6Mkn…xXxYk— full DID stays available on hover(
title) and in the copy button. The footer's node DID reuses it.3. Wider content. The detail page's right stats column goes 380px → 440px with
rebalanced cells (
0.9fr/1.05fr/1.05fr+ nowrap date) so the commit hash andcreated date no longer cramp. The README render and file markdown preview drop
their
72chcap, and the code viewer drops its1100pxcap — all now fill thecontent width, flush with the rest of the page.
Type of change
How was this tested?
truncateDid(prefix preserved, short keys untouched,prefix-less values, custom head/tail); full suite 72 tests passing.
tab title reads "gitlawb explorer"; favicon SVG legible at tab scale.
z6Mknr6C/dack-soul: owner row showsdid:key:z6Mkn…xXxYk, hover titlecarries the full DID, and clicking copy puts the complete DID on the clipboard
(verified via granted clipboard permission).
two-column width); DID fits unclipped at 390px mobile.
npm run lint,npm test,npm run buildall pass.S
Checklist
npm run lintpassesnpm testpassesnpm run buildpasses (includes typecheck)src/lib/has colocated unit testssmall polish changes; happy to split if preferred