fix ui

src/pages/appcenter.vue

@@ -43,13 +43,14 @@ onMounted(() => {
       v-model="appList"
       item-key="pri"
       tag="VRow"
+      handle=".cursor-move"
       @end="saveAppsOrder"
       :component-data="{ 'class': 'ma-0 mt-n1' }"
     >
       <template #item="{ element }">
         <VCol cols="6" md="4" lg="3" class="text-center cursor-pointer shortcut-icon">
           <VCard class="pa-4" :to="element.to" variant="flat">
-            <VAvatar size="64" variant="text">
+            <VAvatar size="64" variant="text" class="cursor-move">
               <VIcon size="48" :icon="element.icon" color="primary" />
             </VAvatar>
             <h6 class="text-base font-weight-medium mt-2 mb-0">{{ element.full_title || element.title }}</h6>

src/styles/styles.scss

@@ -191,12 +191,12 @@
 
 .v-overlay__content .v-list{
   /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-backdrop-filter: blur(8px);
-  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
   background-color: rgb(var(--v-theme-surface), 0.9) !important;
 }
 
-.v-overlay__content .v-card{
+.v-overlay__content .v-card:not(.bg-primary){
   /* stylelint-disable-next-line property-no-vendor-prefix */
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px);