diff --git a/dashboard/src/components/AppStoreItem.vue b/dashboard/src/components/AppStoreItem.vue index f4e253a3c..763ba2650 100644 --- a/dashboard/src/components/AppStoreItem.vue +++ b/dashboard/src/components/AppStoreItem.vue @@ -21,12 +21,13 @@ onMounted(() => { @@ -39,6 +40,7 @@ onMounted(() => { padding: 10px 15px; border-radius: 10px; cursor: pointer; + position: relative; } .item:hover { @@ -66,4 +68,21 @@ onMounted(() => { opacity: 0.8; } +.unstable { + background-image: linear-gradient(45deg,rgba(128,128,128,.15) 25%,transparent 25%,transparent 50%,rgba(128,128,128,.15) 50%,rgba(128,128,128,.15) 75%,transparent 75%,transparent); + background-size: 64px 64px; +} + +.unstable:hover { + background-color: var(--card-background); +} + +.unstable-label { + position: absolute; + color: var(--pankow-color-danger); + top: 3px; + right: 6px; + font-size: 12px; +} + diff --git a/dashboard/src/views/AppstoreView.vue b/dashboard/src/views/AppstoreView.vue index d57537f16..2f72f0caf 100644 --- a/dashboard/src/views/AppstoreView.vue +++ b/dashboard/src/views/AppstoreView.vue @@ -109,8 +109,6 @@ onMounted(async () => { - -

{{ $t('appstore.category.popular') }}