mirror of
https://codeberg.org/likwid/likwid.git
synced 2026-02-09 21:13:09 +00:00
ui: use ui-pill for proposal status
This commit is contained in:
parent
6f7050775d
commit
bc3440cdef
3 changed files with 3 additions and 28 deletions
|
|
@ -170,7 +170,7 @@ const { slug } = Astro.params;
|
|||
<a href="/proposals/${encodeURIComponent(String(p.id))}" class="proposal-card ui-card">
|
||||
<div class="proposal-header">
|
||||
<h3>${safeTitle}</h3>
|
||||
<span class="status status-${statusKey}">${escapeHtml(statusKey)}</span>
|
||||
<span class="ui-pill status-${statusKey}">${escapeHtml(statusKey)}</span>
|
||||
</div>
|
||||
${createdAt ? `<div class="proposal-meta">Created ${escapeHtml(createdAt)}</div>` : ''}
|
||||
<p class="description">${safeDesc}${suffix}</p>
|
||||
|
|
@ -338,14 +338,6 @@ const { slug } = Astro.params;
|
|||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 999px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status-draft { background: var(--color-neutral-muted); color: var(--color-on-primary); }
|
||||
.status-discussion { background: var(--color-info); color: var(--color-on-primary); }
|
||||
.status-voting { background: var(--color-success); color: var(--color-on-primary); }
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ import { API_BASE as apiBase } from '../lib/api';
|
|||
<a href="/proposals/${p.id}" class="proposal-card">
|
||||
<div class="proposal-header">
|
||||
<h3>${p.title}</h3>
|
||||
<span class="status status-${p.status}">${p.status}</span>
|
||||
<span class="ui-pill status-${p.status}">${p.status}</span>
|
||||
</div>
|
||||
<p class="community">in <span>${p.community_name}</span></p>
|
||||
<p class="description">${p.description.substring(0, 120)}${p.description.length > 120 ? '...' : ''}</p>
|
||||
|
|
@ -198,14 +198,6 @@ import { API_BASE as apiBase } from '../lib/api';
|
|||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 999px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.status-draft { background: var(--color-neutral-muted); color: var(--color-on-primary); }
|
||||
.status-discussion { background: var(--color-info); color: var(--color-on-primary); }
|
||||
.status-voting { background: var(--color-success); color: var(--color-on-primary); }
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@ const proposalId = id ?? '';
|
|||
<div class="hero-title">
|
||||
<h1>${safeTitle}</h1>
|
||||
<div class="hero-meta">
|
||||
<span class="status status-${statusKey}">${escapeHtml(statusKey)}</span>
|
||||
<span class="ui-pill status-${statusKey}">${escapeHtml(statusKey)}</span>
|
||||
<span class="meta">
|
||||
by <a href="/users/${encodeURIComponent(String(data.author_name))}" class="author-link">${safeAuthor}</a>
|
||||
on ${new Date(data.proposal.created_at).toLocaleDateString()}
|
||||
|
|
@ -611,15 +611,6 @@ const proposalId = id ?? '';
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.25rem 0.75rem;
|
||||
border-radius: 999px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.status-draft { background: var(--color-neutral-muted); color: var(--color-on-primary); }
|
||||
.status-discussion { background: var(--color-info); color: var(--color-on-primary); }
|
||||
.status-voting { background: var(--color-success); color: var(--color-on-primary); }
|
||||
|
|
|
|||
Loading…
Reference in a new issue