Merge pull request #812 from gitbutlerapp/fix-log-formatting

Update style and accessibility attributes in commit component
This commit is contained in:
Scott Chacon 2023-07-23 09:01:15 +02:00 committed by GitHub
commit bedc837401
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -48,8 +48,8 @@
<div class="flex w-full flex-col space-y-1 pr-6"> <div class="flex w-full flex-col space-y-1 pr-6">
{#each target.recentCommits as commit} {#each target.recentCommits as commit}
<div class="flex flex-row space-x-1 text-light-700"> <div class="flex flex-row space-x-1 text-light-700">
<div class="w-24 truncate">{formatDistanceToNow(commit.createdAt)} ago</div> <div class="w-24 shrink-0 truncate">{formatDistanceToNow(commit.createdAt)} ago</div>
<div class="flex w-32 flex-row space-x-1 truncate"> <div class="flex w-32 shrink-0 flex-row space-x-1 truncate">
<img <img
class="relative z-30 inline-block h-4 w-4 rounded-full ring-1 ring-white dark:ring-black" class="relative z-30 inline-block h-4 w-4 rounded-full ring-1 ring-white dark:ring-black"
title="Gravatar for {commit.author.email}" title="Gravatar for {commit.author.email}"
@ -61,10 +61,11 @@
/> />
<div>{commit.author.name}</div> <div>{commit.author.name}</div>
</div> </div>
<div class="flex-grow truncate">{commit.description.substring(0, 200)}</div> <div class="grow truncate">{commit.description.substring(0, 100)}</div>
<div class="flex-shrink pr-4 font-mono text-light-600"> <div class="flex-shrink pr-4 font-mono text-light-600">
<a <a
href={createCommitUrl(commit)} href={createCommitUrl(commit)}
rel="noreferrer"
target="_blank" target="_blank"
class="hover:text-blue-500 hover:underline" class="hover:text-blue-500 hover:underline"
> >