调整多个组件的样式,修正高度计算并移除 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
+4 -4
View File
@@ -174,15 +174,15 @@ function fileListUpdated(items: FileItem[]) {
// 外层DIV大小控制 // 外层DIV大小控制
const scrollStyle = computed(() => { const scrollStyle = computed(() => {
return appMode return appMode
? 'height: calc(100vh - 12rem - env(safe-area-inset-bottom) - 3.5rem)' ? 'height: calc(100vh - 10rem - env(safe-area-inset-bottom) - 6rem)'
: 'height: calc(100vh - 10.5rem - env(safe-area-inset-bottom)' : 'height: calc(100vh - 10rem - env(safe-area-inset-bottom)'
}) })
// 文件列表大小限制 // 文件列表大小限制
const fileListStyle = computed(() => { const fileListStyle = computed(() => {
return appMode return appMode
? 'height: calc(100vh - 16rem - env(safe-area-inset-bottom) - 3.5rem)' ? 'height: calc(100vh - 14rem - env(safe-area-inset-bottom) - 6rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)' : 'height: calc(100vh - 14rem - env(safe-area-inset-bottom)'
}) })
</script> </script>
+1 -1
View File
@@ -84,7 +84,7 @@ const currentPath = computed(() => route.path)
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss">
.footer-nav { .footer-nav {
/* stylelint-disable-next-line property-no-vendor-prefix */ /* stylelint-disable-next-line property-no-vendor-prefix */
-webkit-backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
+3 -3
View File
@@ -178,8 +178,8 @@ const TransferDict: { [key: string]: string } = {
const tableStyle = computed(() => { const tableStyle = computed(() => {
return appMode return appMode
? 'height: calc(100vh - 15.5rem - env(safe-area-inset-bottom) - 3.5rem)' ? 'height: calc(100vh - 15rem - env(safe-area-inset-bottom) - 4rem)'
: 'height: calc(100vh - 14.5rem - env(safe-area-inset-bottom)' : '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" /> <TransferQueueDialog v-if="transferQueueDialog" v-model="transferQueueDialog" @close="transferQueueDialog = false" />
</template> </template>
<style lang="scss" scoped> <style lang="scss">
.v-table th { .v-table th {
white-space: nowrap; white-space: nowrap;
} }
+1 -1
View File
@@ -201,7 +201,7 @@ onActivated(() => {
<ProgressDialog v-if="progressDialog" v-model="progressDialog" text="正在加载 ..." /> <ProgressDialog v-if="progressDialog" v-model="progressDialog" text="正在加载 ..." />
</template> </template>
<style lang="scss" scoped> <style lang="scss">
.v-application .fc { .v-application .fc {
--fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04); --fc-today-bg-color: rgba(var(--v-theme-on-surface), 0.04);
--fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity)); --fc-border-color: rgba(var(--v-border-color), var(--v-border-opacity));