fix: left sidebar ui (#3152)

* fix: tx badge style tweaks * fix: rm double border on desktop
safe-global · Jan 25, 2024 · 4173ffd · 4173ffd
1 parent a061b77
commit 4173ffd
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/src/components/sidebar/Sidebar/styles.module.css b/src/components/sidebar/Sidebar/styles.module.css
@@ -9,7 +9,6 @@
 
 .container {
   width: 230px;
-  border-right: 1px solid var(--color-border-light);
 }
 
 .scroll {
@@ -69,6 +68,7 @@
 @media (max-width: 899.95px) {
   .container {
     padding-top: var(--header-height);
+    border-right: 1px solid var(--color-border-light);
   }
 
   .drawer {

diff --git a/src/components/sidebar/SidebarList/index.tsx b/src/components/sidebar/SidebarList/index.tsx
@@ -70,4 +70,4 @@ export const SidebarListItemText = ({
 )
 
 export const SidebarListItemCounter = ({ count }: { count?: string }): ReactElement | null =>
-  count ? <Badge color="secondary" variant="standard" badgeContent={count} sx={{ ml: 2 }} /> : null
+  count ? <Badge color="warning" variant="standard" badgeContent={count} sx={{ ml: 3 }} /> : null
diff --git a/src/components/sidebar/SidebarList/styles.module.css b/src/components/sidebar/SidebarList/styles.module.css
@@ -24,10 +24,6 @@
   background-color: var(--color-border-light);
 }
 
-[data-theme='dark'] .list :global .MuiBadge-standard {
-  background-color: var(--color-primary-main);
-}
-
 .list :global .MuiListItemButton-root:hover {
   border-radius: 6px;
   background-color: var(--color-background-light);