ux: normalize proposal comment form

This commit is contained in:
Marco Allegretti 2026-01-30 11:58:38 +01:00
parent 4fc534a243
commit f5bf8d5e44

View file

@ -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>