Style filters title
This commit is contained in:
@@ -7,8 +7,18 @@ import LogFilter from "./LogFilter";
|
|||||||
const LogFilters = () => {
|
const LogFilters = () => {
|
||||||
const filters = useAppStore((s) => s.logFilters.filters);
|
const filters = useAppStore((s) => s.logFilters.filters);
|
||||||
return (
|
return (
|
||||||
<VStack bgColor="white" borderRadius={8} borderWidth={1} w="full" alignItems="flex-start" p={4}>
|
<VStack
|
||||||
<Text>Filters</Text>
|
bgColor="white"
|
||||||
|
borderRadius={8}
|
||||||
|
borderWidth={1}
|
||||||
|
w="full"
|
||||||
|
alignItems="flex-start"
|
||||||
|
p={4}
|
||||||
|
spacing={4}
|
||||||
|
>
|
||||||
|
<Text fontWeight="bold" color="gray.500">
|
||||||
|
Filters
|
||||||
|
</Text>
|
||||||
{filters.map((filter, index) => (
|
{filters.map((filter, index) => (
|
||||||
<LogFilter key={index} filter={filter} index={index} />
|
<LogFilter key={index} filter={filter} index={index} />
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in New Issue
Block a user