GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
jxxghp
2024-06-14 15:12:11 +08:00
parent b94f8c92f0
commit 8bc80d2088
2 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/appcenter.vue
+6 -14
View File
@@ -41,7 +41,6 @@ onMounted(() => {
<div class="ps ps--active-y mx-3 appcenter-grid" tabindex="0"> <div class="ps ps--active-y mx-3 appcenter-grid" tabindex="0">
<draggable <draggable
v-model="appList" v-model="appList"
handle=".cursor-move"
item-key="pri" item-key="pri"
tag="VRow" tag="VRow"
@end="saveAppsOrder" @end="saveAppsOrder"
@@ -49,19 +48,12 @@ onMounted(() => {
> >
<template #item="{ element }"> <template #item="{ element }">
<VCol cols="6" md="4" lg="3" class="text-center cursor-pointer shortcut-icon"> <VCol cols="6" md="4" lg="3" class="text-center cursor-pointer shortcut-icon">
<VHover> <VCard class="pa-4" :to="element.to" variant="flat">
<template #default="hover"> <VAvatar size="64" variant="text">
<VCard class="pa-4" :to="element.to" variant="flat" v-bind="hover.props"> <VIcon size="48" :icon="element.icon" color="primary" />
<div v-if="hover.isHovering" class="absolute right-5 top-5"> </VAvatar>
<VIcon class="cursor-move">mdi-drag</VIcon> <h6 class="text-base font-weight-medium mt-2 mb-0">{{ element.full_title || element.title }}</h6>
</div> </VCard>
<VAvatar size="64" variant="text">
<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>
</VCard>
</template>
</VHover>
</VCol> </VCol>
</template> </template>
</draggable> </draggable>
src/styles/styles.scss
+7
View File
@@ -201,4 +201,11 @@
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
background-color: rgb(var(--v-theme-surface), 0.95) !important; background-color: rgb(var(--v-theme-surface), 0.95) !important;
.v-list {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent !important;
}
} }