调整多个组件的样式,修正高度计算并移除 scoped 样式

This commit is contained in:
jxxghp
2025-03-31 19:27:47 +08:00
parent 5a8eb5b10e
commit 9055b95d00
4 changed files with 9 additions and 9 deletions

View File

@@ -174,15 +174,15 @@ function fileListUpdated(items: FileItem[]) {
// 外层DIV大小控制
const scrollStyle = computed(() => {
return appMode
? 'height: calc(100vh - 12rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 10rem - env(safe-area-inset-bottom) - 6rem)'
: 'height: calc(100vh - 10rem - env(safe-area-inset-bottom)'
})
// 文件列表大小限制
const fileListStyle = computed(() => {
return appMode
? 'height: calc(100vh - 16rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 14rem - env(safe-area-inset-bottom) - 6rem)'
: 'height: calc(100vh - 14rem - env(safe-area-inset-bottom)'
})
</script>

View File

@@ -84,7 +84,7 @@ const currentPath = computed(() => route.path)
</div>
</template>
<style lang="scss" scoped>
<style lang="scss">
.footer-nav {
/* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: blur(6px);

View File

@@ -178,8 +178,8 @@ const TransferDict: { [key: string]: string } = {
const tableStyle = computed(() => {
return appMode
? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)'
? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 4rem)'
: 'height: calc(100vh - 14rem - env(safe-area-inset-bottom)'
})
// 分页提示
@@ -723,7 +723,7 @@ onMounted(fetchData)
<TransferQueueDialog v-if="transferQueueDialog" v-model="transferQueueDialog" @close="transferQueueDialog = false" />
</template>
<style lang="scss" scoped>
<style lang="scss">
.v-table th {
white-space: nowrap;
}

View File

@@ -201,7 +201,7 @@ onActivated(() => {
<ProgressDialog v-if="progressDialog" v-model="progressDialog" text="正在加载 ..." />
</template>
<style lang="scss" scoped>
<style lang="scss">
.v-application .fc {
--fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04);
--fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));