style improvements

AuthorKonata <konata@posteo.jp>
Date
Commit05c76b4034278835235390397852c8404528fcaa
Parentfa83468
3 files changed, 16 insertions(+), 14 deletions(-)
▾Msrc/styles/main.css
@@ -1045,6 +1045,12 @@
border-bottom: 1px solid var(--color-border);
line-height: 1.3;
}
.commit-card-subject-empty {
color: var(--color-text-muted);
font-style: italic;
font-weight: 400;
font-size: var(--text-sm);
}
.commit-card-body {
padding: var(--space-4) var(--space-6);
font-family: inherit;
@@ -1596,8 +1602,9 @@
.issue-detail-header {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-3);
margin-bottom: var(--space-6);
margin-bottom: var(--space-4);
}
.issue-number {
font-size: var(--text-2xl);
@@ -1614,6 +1621,7 @@
margin-left: auto;
display: flex;
gap: var(--space-2);
flex-shrink: 0;
}
.patch-author-meta {
display: flex;
@@ -1754,7 +1762,7 @@
}
.title-with-edit {
flex: 1;
min-width: 0;
min-width: 16rem;
display: flex;
flex-direction: column;
gap: var(--space-1);
@@ -2226,7 +2234,7 @@
color: #fff;
}
.btn-danger:hover {
filter: brightness(0.9);
background: color-mix(in srgb, var(--color-danger) 85%, #000);
}
/* --- Release list items --- */
▾Msrc/views/patches/PatchDetail.tsx
@@ -214,14 +214,6 @@ export function PatchDetail({
</div>
)}
</div>
<div class="patch-author-meta">
<span class="patch-author-label">git author:</span>
<span class="patch-author-identity">
{escapeHtml(
`${patch.author_name} <${patch.author_email}>`,
)}
</span>
</div>
</div>
{/* Subview tabs */}
@@ -459,8 +451,8 @@ export function PatchDetail({
) : (
<div>
<div class="commit-card">
<h2 class="commit-card-subject">
{escapeHtml(patchMeta.subject)}
<h2 class={`commit-card-subject${patchMeta.subject ? "" : " commit-card-subject-empty"}`}>
{patchMeta.subject ? escapeHtml(patchMeta.subject) : "No commit message"}
</h2>
{patchMeta.body && (
<pre class="commit-card-body">
▾Msrc/views/repos/CommitDetail.tsx
@@ -49,7 +49,9 @@ export function CommitDetail({
{/* Commit metadata card */}
<div class="commit-card">
<h2 class="commit-card-subject">{meta.subject}</h2>
<h2 class={`commit-card-subject${meta.subject ? "" : " commit-card-subject-empty"}`}>
{meta.subject || "No commit message"}
</h2>
{meta.body && (
<pre class="commit-card-body">{meta.body}</pre>
)}