From aa794637d187964540bf2e3e48ac6b6f9d18b9cf Mon Sep 17 00:00:00 2001 From: Cody Bender Date: Thu, 8 Aug 2024 22:45:56 -0400 Subject: [PATCH] style: font --- public/index.html | 26 +++++++++++++++------- src/components/Sidebar.js | 21 ++++++++++++++--- src/containers/panels/registry/Registry.js | 11 ++++++--- 3 files changed, 44 insertions(+), 14 deletions(-) diff --git a/public/index.html b/public/index.html index 835bbfd..e969b4d 100644 --- a/public/index.html +++ b/public/index.html @@ -1,10 +1,20 @@ - + - - - <%= title %> - - -
- + + + + + <%= title %> + + + + + + + +
+ + diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js index 2dda898..353f78f 100644 --- a/src/components/Sidebar.js +++ b/src/components/Sidebar.js @@ -32,9 +32,18 @@ const useStyles = makeStyles((theme) => ({ listItem: { display: "flex", alignItems: "center", + backgroundColor: theme.palette.background.default, + }, + + selected: { backgroundColor: theme.palette.background.secondary, }, + itemText: { + fontFamily: '"DM Mono", monospace', + fontWeight: 400, + }, + icon: { minWidth: 40, color: theme.palette.grey[500], @@ -68,7 +77,7 @@ const Sidebar = ({ modules: { services, settings } }) => { selected={isSelected(path)} key={path} onClick={() => history.push(path)} - className={classes.listItem} + classes={{ root: classes.listItem, selected: classes.selected }} > { )} /> - + ))} @@ -103,7 +115,10 @@ const Sidebar = ({ modules: { services, settings } }) => { - + ); })} diff --git a/src/containers/panels/registry/Registry.js b/src/containers/panels/registry/Registry.js index dec0e07..167961b 100644 --- a/src/containers/panels/registry/Registry.js +++ b/src/containers/panels/registry/Registry.js @@ -39,6 +39,11 @@ const useStyles = makeStyles(() => ({ overflow: "hidden", flex: 1, }, + + tabs: { + fontFamily: '"DM Mono", monospace', + fontWeight: 400, + }, })); const Registry = () => { @@ -56,9 +61,9 @@ const Registry = () => { onChange={(_, value) => setTab(value)} indicatorColor="primary" > - - - + + + {/* */}