GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-10 17:42:50 +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

20
src/pages/appcenter.vue
View File

@@ -41,7 +41,6 @@ onMounted(() => {
<div class="ps ps--active-y mx-3 appcenter-grid" tabindex="0">
<draggable
v-model="appList"
handle=".cursor-move"
item-key="pri"
tag="VRow"
@end="saveAppsOrder"
@@ -49,19 +48,12 @@ onMounted(() => {
>
<template #item="{ element }">
<VCol cols="6" md="4" lg="3" class="text-center cursor-pointer shortcut-icon">
<VHover>
<template #default="hover">
<VCard class="pa-4" :to="element.to" variant="flat" v-bind="hover.props">
<div v-if="hover.isHovering" class="absolute right-5 top-5">
<VIcon class="cursor-move">mdi-drag</VIcon>
</div>
<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>
<VCard class="pa-4" :to="element.to" variant="flat">
<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>
</VCol>
</template>
</draggable>

7
src/styles/styles.scss
View File

@@ -201,4 +201,11 @@
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
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;
}
}