homelab/traefik
1
0
Fork 0
Code Activity

Reduce vertical padding in dashboard table rows for more compact layout

Browse source
This commit is contained in:
leccelecce 2025-10-23 16:40:05 +01:00 • committed by GitHub
parent a754236ce5
commit 5c489c05fc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
webui/src/App.tsx
View file

@ -1,4 +1,4 @@
import { Box, darkTheme, FaencyProvider, lightTheme } from '@traefiklabs/faency' import { globalCss, Box, darkTheme, FaencyProvider, lightTheme } from '@traefiklabs/faency'
import { Suspense, useEffect } from 'react' import { Suspense, useEffect } from 'react'
import { HelmetProvider } from 'react-helmet-async' import { HelmetProvider } from 'react-helmet-async'
import { HashRouter, Navigate, Route, Routes as RouterRoutes, useLocation } from 'react-router-dom' import { HashRouter, Navigate, Route, Routes as RouterRoutes, useLocation } from 'react-router-dom'
@ -71,6 +71,12 @@ export const Routes = () => {
const isDev = import.meta.env.NODE_ENV === 'development' const isDev = import.meta.env.NODE_ENV === 'development'
const customGlobalStyle = globalCss({
'span[role=cell]': { // target the AriaTd component
p: '$2 $3'
},
})
const App = () => { const App = () => {
const isDarkMode = useIsDarkMode() const isDarkMode = useIsDarkMode()
@ -95,6 +101,7 @@ const App = () => {
> >
<VersionProvider> <VersionProvider>
<HashRouter basename={import.meta.env.VITE_APP_BASE_URL || ''}> <HashRouter basename={import.meta.env.VITE_APP_BASE_URL || ''}>
{customGlobalStyle()}
<ScrollToTop /> <ScrollToTop />
<Routes /> <Routes />
</HashRouter> </HashRouter>