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

fix UI

Browse Source
This commit is contained in:
jxxghp
2023-08-22 08:30:47 +08:00
parent 03f01c6134
commit ed8364a0c2
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/NoDataFound.vue
+11 -8
View File
@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useTheme } from 'vuetify' import { useTheme } from 'vuetify'
import misc404 from '@images/pages/404.png' import miscpose from '@images/pages/pose-fs-9.png'
import miscMaskDark from '@images/pages/misc-mask-dark.png' import miscMaskDark from '@images/pages/misc-mask-dark.png'
import miscMaskLight from '@images/pages/misc-mask-light.png' import miscMaskLight from '@images/pages/misc-mask-light.png'
import tree from '@images/pages/tree.png' import tree from '@images/pages/tree.png'
@@ -29,11 +29,12 @@ interface Props {
/> />
<!-- 👉 Image --> <!-- 👉 Image -->
<div class="misc-avatar w-100 text-center"> <div class="misc-avatar text-center">
<VImg <VImg
:src="misc404" :src="miscpose"
:max-width="800" class="mx-auto pt-10"
class="mx-auto" max-width="250"
cover
/> />
<slot name="button" /> <slot name="button" />
</div> </div>
@@ -41,7 +42,7 @@ interface Props {
<!-- 👉 Footer --> <!-- 👉 Footer -->
<VImg <VImg
:src="tree" :src="tree"
class="misc-footer-tree d-none d-md-block" class="misc-footer-tree d-none d-lg-block"
/> />
<VImg <VImg
@@ -52,21 +53,23 @@ interface Props {
</template> </template>
<style lang="scss"> <style lang="scss">
@use "@configured-variables" as variables;
@use '@core/scss/pages/misc.scss'; @use '@core/scss/pages/misc.scss';
.misc-wrapper { .misc-wrapper {
position: relative; position: relative;
.misc-footer-tree { .misc-footer-tree {
position: absolute; position: fixed;
z-index: 1; z-index: 1;
inline-size: 15.625rem; inline-size: 15.625rem;
inset-block-end: 3.5rem; inset-block-end: 3.5rem;
inset-inline-start: 0.375rem; inset-inline-start: 0.375rem;
left: variables.$layout-vertical-nav-width;
} }
.misc-footer-img { .misc-footer-img {
position: absolute; position: fixed;
inline-size: 100%; inline-size: 100%;
inset-block-end: 0; inset-block-end: 0;
} }