mirror of
https://codeberg.org/likwid/likwid.git
synced 2026-02-09 21:13:09 +00:00
ux: normalize proposal comment form
This commit is contained in:
parent
4fc534a243
commit
f5bf8d5e44
1 changed files with 1 additions and 32 deletions
|
|
@ -307,7 +307,7 @@ const proposalId = id ?? '';
|
||||||
</summary>
|
</summary>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
${token ? `
|
${token ? `
|
||||||
<form id="comment-form" class="comment-form">
|
<form id="comment-form" class="comment-form ui-form" style="--ui-form-group-mb: 0.75rem;">
|
||||||
<textarea id="comment-content" placeholder="Add your comment..." required></textarea>
|
<textarea id="comment-content" placeholder="Add your comment..." required></textarea>
|
||||||
<div class="comment-actions">
|
<div class="comment-actions">
|
||||||
<button type="submit" class="ui-btn ui-btn-primary">Post Comment</button>
|
<button type="submit" class="ui-btn ui-btn-primary">Post Comment</button>
|
||||||
|
|
@ -1081,38 +1081,11 @@ const proposalId = id ?? '';
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form textarea {
|
.comment-form textarea {
|
||||||
width: 100%;
|
|
||||||
padding: 0.75rem;
|
|
||||||
border: 1px solid var(--color-border);
|
|
||||||
border-radius: 8px;
|
|
||||||
background: var(--color-surface);
|
|
||||||
color: var(--color-text);
|
|
||||||
font-family: inherit;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
min-height: 80px;
|
min-height: 80px;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment-form textarea:focus {
|
|
||||||
outline: none;
|
|
||||||
border-color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-form button {
|
|
||||||
background: var(--color-primary);
|
|
||||||
color: var(--color-on-primary);
|
|
||||||
border: none;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 6px;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comment-form button:hover {
|
|
||||||
background: var(--color-primary-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.comments-list {
|
.comments-list {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
|
|
@ -1155,8 +1128,4 @@ const proposalId = id ?? '';
|
||||||
color: var(--color-text-muted);
|
color: var(--color-text-muted);
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
|
||||||
padding: 2rem;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue