From 469e1670c24964e495af5247038581d0a5250062 Mon Sep 17 00:00:00 2001 From: Laszlo Fogas <laszlo@gimlet.io> Date: Sun, 17 Mar 2024 20:52:09 +0100 Subject: [PATCH] fix: displaying 6 envs at most in the footer --- web/dashboard/src/views/footer/footer.jsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/dashboard/src/views/footer/footer.jsx b/web/dashboard/src/views/footer/footer.jsx index be8ca24d0..2f75b3d7f 100644 --- a/web/dashboard/src/views/footer/footer.jsx +++ b/web/dashboard/src/views/footer/footer.jsx @@ -120,8 +120,8 @@ function CollapsedFooter(props) { const { connectedAgents } = props return ( - <div className="grid grid-cols-3"> - {Object.keys(connectedAgents).slice(0,3).map(envName => { + <div className="grid grid-cols-6 space-x-4"> + {Object.keys(connectedAgents).slice(0,6).map(envName => { const fluxState = connectedAgents[envName].fluxState; if (!fluxState) { @@ -132,7 +132,7 @@ function CollapsedFooter(props) { <div className="w-full truncate" key={envName}> <p className="font-semibold text-neutral-700"> {`${envName.toUpperCase()}`}: - <span className='ml-2'> + <span className='ml-1'> <Summary resources={fluxState.gitRepositories} label="SOURCES" simple={true} /> <Summary resources={fluxState.kustomizations} label="KUSTOMIZATIONS" simple={true} /> <Summary resources={fluxState.helmReleases} label="HELM-RELEASES" simple={true} />