diff --git a/web/src/components/Layout.vue b/web/src/components/Layout.vue index 92293803..9bd84e69 100644 --- a/web/src/components/Layout.vue +++ b/web/src/components/Layout.vue @@ -51,8 +51,11 @@ const toggleMenu = () => { - -
+ +
@@ -188,11 +191,11 @@ const toggleMenu = () => { position: static; transform: none; } - + .header-content { overflow-x: visible; } - + .mobile-actions > :deep(*) { width: 100%; } diff --git a/web/src/components/logs/LogTable.vue b/web/src/components/logs/LogTable.vue index 0ad09c19..68562ca6 100644 --- a/web/src/components/logs/LogTable.vue +++ b/web/src/components/logs/LogTable.vue @@ -950,16 +950,16 @@ const deselectAllColumns = () => { flex-direction: column; gap: 12px; } - + .filter-grid { width: 100%; } - + .filter-item { flex: 1 1 100%; min-width: 100%; } - + .filter-actions { width: 100%; justify-content: flex-start; @@ -971,13 +971,13 @@ const deselectAllColumns = () => { .filter-actions { width: 100%; } - + .filter-actions :deep(.n-button-group) { display: flex; flex-wrap: wrap; width: 100%; } - + .filter-actions :deep(.n-button) { flex: 1; min-width: 40px;