feat: improvements

BetterTyped · Oct 7, 2024 · e5ba6a0 · e5ba6a0
1 parent cdddb2c
commit e5ba6a0
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/packages/devtools-react/src/components/key/key.tsx b/packages/devtools-react/src/components/key/key.tsx
@@ -15,6 +15,7 @@ const styles = createStyles(({ css }) => {
       border: none;
       color: inherit;
       padding: 0;
+      max-width: 100%;
 
       & svg {
         width: 20px;

diff --git a/packages/devtools-react/src/pages/cache/details/cache.details.tsx b/packages/devtools-react/src/pages/cache/details/cache.details.tsx
@@ -187,7 +187,7 @@ export const CacheDetails = () => {
       minHeight="100%"
       maxHeight="100%"
     >
-      <Bar style={{ borderBottom: "0px", flexWrap: "nowrap" }}>
+      <Bar style={{ flexWrap: "nowrap" }}>
         <Back />
         <Separator style={{ height: "18px", margin: "0 4px 0 0" }} />
         <Key value={item.cacheKey} type="cache" />

diff --git a/packages/devtools-react/src/pages/network/details/network.details.tsx b/packages/devtools-react/src/pages/network/details/network.details.tsx
@@ -109,7 +109,7 @@ export const NetworkDetails = () => {
       minHeight="100%"
       maxHeight="100%"
     >
-      <Bar style={{ borderBottom: "0px", flexWrap: "nowrap" }}>
+      <Bar style={{ flexWrap: "nowrap" }}>
         <Back />
         <Separator style={{ height: "18px", margin: "0 4px 0 0" }} />
         <div className={css.name} style={{ color }}>

diff --git a/packages/devtools-react/src/pages/queues/details/queues.details.tsx b/packages/devtools-react/src/pages/queues/details/queues.details.tsx
@@ -39,7 +39,6 @@ export const styles = createStyles(({ isLight, css, tokens }) => {
       top: 0px;
       right: 0px;
       bottom: 0px;
-      background: ${isLight ? tokens.colors.light[100] : tokens.colors.dark[700]};
       border-left: 1px solid ${isLight ? tokens.colors.light[400] : tokens.colors.dark[400]};
     `,
   };
@@ -132,7 +131,7 @@ export const QueuesDetails = () => {
       minHeight="100%"
       maxHeight="100%"
     >
-      <Bar style={{ borderBottom: "0px", flexWrap: "nowrap", justifyContent: "flex-start" }}>
+      <Bar style={{ flexWrap: "nowrap", justifyContent: "flex-start" }}>
         <Back />
         <Separator style={{ height: "18px", margin: "0 4px 0 0" }} />
         <Key value={item.queueKey} type="queue" />

diff --git a/packages/devtools-react/src/pages/queues/list/card/card.tsx b/packages/devtools-react/src/pages/queues/list/card/card.tsx
@@ -45,7 +45,7 @@ const styles = createStyles(({ isLight, css }) => {
       margin-top: 5px;
       font-size: 12px;
       font-weight: 500;
-      max-width: 200px;
+      max-width: 180px;
     `,
     key: css`
       font-size: 12px;