diff --git a/src/layouts/components/Footer.vue b/src/layouts/components/Footer.vue index 738a43fa..8f601ca6 100644 --- a/src/layouts/components/Footer.vue +++ b/src/layouts/components/Footer.vue @@ -9,7 +9,7 @@ const appMode = computed(() => { +< + +} diff --git a/src/layouts/components/UserProfile.vue b/src/layouts/components/UserProfile.vue index 5032b1da..1114441a 100644 --- a/src/layouts/components/UserProfile.vue +++ b/src/layouts/components/UserProfile.vue @@ -116,7 +116,7 @@ watch(isCompactMode, value => { - + diff --git a/src/styles/styles.scss b/src/styles/styles.scss index d57d4cd6..98d444b8 100644 --- a/src/styles/styles.scss +++ b/src/styles/styles.scss @@ -24,14 +24,11 @@ } .v-dialog > .v-overlay__content { + inline-size: calc(100% - 1rem); margin-block-start: calc(env(safe-area-inset-top) + 1rem); max-block-size: calc(100% - env(safe-area-inset-top) - 1rem); } -.v-dialog > .v-overlay__content{ - inline-size: calc(100% - 1rem); -} - .v-dialog--fullscreen > .v-overlay__content{ inline-size: 100%; margin-block-start: env(safe-area-inset-top); @@ -65,7 +62,6 @@ color: transparent; --tw-gradient-from: #818cf8; - --tw-gradient-to: rgba(129,140,248,0%); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); --tw-gradient-to: #c084fc; } @@ -188,3 +184,7 @@ .v-tabs:not(.v-tabs-pill).v-tabs--horizontal { border-block-end: 1px solid rgba(var(--v-border-color), var(--v-border-opacity)); } + +.v-fab--bottom { + padding-block-end: env(safe-area-inset-bottom); +} diff --git a/src/views/discover/TorrentRowListView.vue b/src/views/discover/TorrentRowListView.vue index 0c2c9743..c872d6c1 100644 --- a/src/views/discover/TorrentRowListView.vue +++ b/src/views/discover/TorrentRowListView.vue @@ -1,6 +1,15 @@