ui: improve proposal page mobile layout

This commit is contained in:
Marco Allegretti 2026-02-04 00:55:52 +01:00
parent 9efa7706dd
commit ab9ff1b67b

View file

@ -671,12 +671,35 @@ const proposalId = id ?? '';
margin-top: 0.5rem;
}
@media (max-width: 640px) {
.hero-meta {
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
}
.meta {
font-size: 0.8125rem;
}
}
.author-actions-row {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
@media (max-width: 640px) {
.author-actions-row {
flex-direction: column;
align-items: stretch;
}
.author-actions-row .ui-btn {
width: 100%;
}
}
.meta {
color: var(--color-text-muted);
font-size: 0.875rem;
@ -698,6 +721,12 @@ const proposalId = id ?? '';
white-space: pre-wrap;
}
@media (max-width: 640px) {
.description {
margin-bottom: 1.5rem;
}
}
.options-list {
display: grid;
gap: 0.75rem;
@ -767,6 +796,12 @@ const proposalId = id ?? '';
margin-top: 2rem;
}
@media (max-width: 640px) {
.vote-actions, .author-actions {
margin-top: 1.25rem;
}
}
.vote-hint {
color: var(--color-text-muted);
margin-bottom: 1rem;