LeoVasanko/paskia
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Simplify responsive layouts. Remove button vertical stacking and always fit them on the same row.

Browse Source
This commit is contained in:
LeoVasanko
2025-12-10 16:11:43 +00:00
parent ca73febe2f
commit 8bb00f01c4
5 changed files with 25 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/HostProfileView.vue
+1 -5
View File
@@ -130,11 +130,7 @@ const handleButtonRowKeydown = (event) => {
.host-view { padding: 3rem 1.5rem 4rem; }
.host-actions { display: flex; flex-direction: column; gap: 0.75rem; }
.host-actions .button-row { gap: 0.75rem; flex-wrap: wrap; }
.host-actions .button-row button { flex: 0 0 auto; }
.host-actions .button-row button { flex: 1 1 0; }
.note { margin: 0; color: var(--color-text-muted); }
.empty-state { margin: 0; color: var(--color-text-muted); }
@media (max-width: 600px) {
.host-actions .button-row { flex-direction: column; }
.host-actions .button-row button { width: 100%; }
}
</style>