update log page to have a matching UI

This commit is contained in:
jmt-gh 2022-06-19 01:46:42 -07:00
parent 67f51c6de9
commit 0edc46b771
2 changed files with 9 additions and 12 deletions

View File

@ -76,7 +76,7 @@ export default {
}, },
{ {
id: 'config-log', id: 'config-log',
title: 'Log', title: 'Logs',
path: '/config/log' path: '/config/log'
} }
] ]

View File

@ -1,16 +1,13 @@
<template> <template>
<div id="page-wrapper" class="page overflow-y-auto" :class="streamLibraryItem ? 'streaming' : ''"> <div class="w-full h-full">
<div class="w-full max-w-4xl mx-auto"> <div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8">
<div class="mb-4 flex flex-col sm:flex-row items-start sm:items-end"> <div class="flex items-center mb-2">
<p class="text-2xl mr-4 mb-2 sm:mb-0">Logger</p> <h1 class="text-xl">Logs</h1>
</div>
<div class="flex justify-between mb-2 place-items-end">
<ui-text-input ref="input" v-model="search" placeholder="Search filter.." @input="inputUpdate" clearable class="w-full sm:w-40 h-8 text-sm sm:mb-0" />
<ui-text-input ref="input" v-model="search" placeholder="Search filter.." @input="inputUpdate" clearable class="w-full sm:w-40 h-8 text-sm mb-2 sm:mb-0" /> <ui-dropdown v-model="newServerSettings.logLevel" label="Server Log Level" :items="logLevelItems" @input="logLevelUpdated" class="w-full sm:w-44" />
<div class="flex-grow" />
<div class="w-full sm:w-44">
<ui-dropdown v-model="newServerSettings.logLevel" label="Server Log Level" :items="logLevelItems" @input="logLevelUpdated" />
</div>
</div> </div>
<div class="relative"> <div class="relative">