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

fix: update LoggingView layout to support responsive height for mobile devices

Browse Source
This commit is contained in:
jxxghp
2026-05-05 12:37:30 +08:00
parent 8372f63eb6
commit 14279c773d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/LoggingView.vue
+4 -1
View File
@@ -3,6 +3,7 @@ import { useI18n } from 'vue-i18n'
import { useTheme } from 'vuetify' import { useTheme } from 'vuetify'
import { useBackgroundOptimization } from '@/composables/useBackgroundOptimization' import { useBackgroundOptimization } from '@/composables/useBackgroundOptimization'
import { useAvailableHeight } from '@/composables/useAvailableHeight' import { useAvailableHeight } from '@/composables/useAvailableHeight'
import { useDisplay } from 'vuetify'
type LogEntry = { type LogEntry = {
id: number id: number
@@ -44,6 +45,7 @@ const props = defineProps<{
const { t } = useI18n() const { t } = useI18n()
const theme = useTheme() const theme = useTheme()
const display = useDisplay()
const { useSSE } = useBackgroundOptimization() const { useSSE } = useBackgroundOptimization()
const DEFAULT_LEVELS = ['TRACE', 'DEBUG', 'INFO', 'WARNING', 'ERROR', 'CRITICAL'] const DEFAULT_LEVELS = ['TRACE', 'DEBUG', 'INFO', 'WARNING', 'ERROR', 'CRITICAL']
@@ -85,7 +87,7 @@ const normalizedSearchQuery = computed(() => (searchQuery.value ?? '').trim().to
const { availableHeight } = useAvailableHeight(136, 320) const { availableHeight } = useAvailableHeight(136, 320)
const loggingViewStyle = computed(() => ({ const loggingViewStyle = computed(() => ({
blockSize: `${availableHeight.value}px`, blockSize: display.mdAndUp.value ? `${availableHeight.value}px` : '100%',
})) }))
const levelOptions = computed(() => { const levelOptions = computed(() => {
@@ -638,6 +640,7 @@ onUnmounted(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
block-size: 100%;
gap: 0.75rem; gap: 0.75rem;
min-block-size: 20rem; min-block-size: 20rem;
} }