diff --git a/dashboard/src/components/SettingsItem.vue b/dashboard/src/components/SettingsItem.vue index 0b99a7ff2..7cd2c588b 100644 --- a/dashboard/src/components/SettingsItem.vue +++ b/dashboard/src/components/SettingsItem.vue @@ -18,6 +18,12 @@ gap: 20px; } +@media (max-width: 576px) { + .settings-item { + flex-wrap: wrap; + } +} + .settings-item:hover { background-color: var(--pankow-color-background-hover); } diff --git a/dashboard/src/style.css b/dashboard/src/style.css index 0ba46d4d1..03172aa80 100644 --- a/dashboard/src/style.css +++ b/dashboard/src/style.css @@ -97,6 +97,12 @@ footer > .p { visibility: hidden; } +@media (hover: none) { + tr .table-actions { + visibility: visible; + } +} + tr:hover .table-actions { visibility: visible; } diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue index 484ce1a7c..80f22eca5 100644 --- a/dashboard/src/views/AppsView.vue +++ b/dashboard/src/views/AppsView.vue @@ -441,6 +441,12 @@ onUnmounted(() => { opacity: 1; } +@media (hover: none) { + .config { + opacity: 1; + } +} + .grid-item:focus .config, .grid-item:hover .config { opacity: 1;