chadtmiller.com/knotless
git that lives in your Atmosphere account
1
10
A long repository name on a phone starts its first line with the slash
web/src/lib/organisms/RepoHeader.svelte+1−1
| @@ -30,7 +30,7 @@ | ||
| ||
<div class="repohead"> | ||
<div class="about"> | ||
<h1><Avatar name={authority} did={repo.owner.did} src={repo.owner.avatar} /><a href="/{urlPath(authority)}">{authority}</a><span class="repo-name"><span class="mute">/</span><a href={href()}><b>{repo.name}</b></a><RepoSwitch {authority} did={repo.owner.did} name={repo.name} /></span>{#if repo.private}<PrivateTag />{/if}{#if repo.archivedAt}<ArchivedTag />{/if}</h1> | ||
<h1><Avatar name={authority} did={repo.owner.did} src={repo.owner.avatar} /><a href="/{urlPath(authority)}">{authority}</a><span class="repo-name"><span class="repo-path"><span class="mute">/</span><a href={href()}><b>{repo.name}</b></a></span><RepoSwitch {authority} did={repo.owner.did} name={repo.name} /></span>{#if repo.private}<PrivateTag />{/if}{#if repo.archivedAt}<ArchivedTag />{/if}</h1> | ||
{#if repo.description}<p>{repo.description}</p>{/if} | ||
{#if repo.topics?.length}<RepoTopics topics={repo.topics} />{/if} | ||
{#if links.length || people.length || repo.releases} | ||
web/src/app.css+2−0
| @@ -381,6 +381,8 @@ a.row:hover{background:var(--hover)} | ||
.repohead h1 b{font-weight:var(--weight-semibold)} | ||
/* The name and its switch wrap as one, so the caret never stands on a line alone. */ | ||
.repohead .repo-name{display:inline-flex;align-items:center;gap:var(--space-1-5);min-width:0} | ||
.repohead .repo-path{min-width:0;overflow-wrap:anywhere} | ||
.repohead .repo-path>.mute{margin-right:var(--space-1-5)} | ||
.repohead .about{flex:1;min-width:16rem} | ||
.repohead .about p{color:var(--mute);margin-top:var(--space-1-5)} | ||
.clone{display:flex;align-items:center;gap:var(--space-2);border:var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);max-width:100%;background:var(--panel)} | ||