Also do it for vendors side menu

DestinyItemManager · Jan 26, 2025 · 1d8c896 · 1d8c896
1 parent d6e8fd0
commit 1d8c896
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/src/app/dim-ui/PageWithMenu.m.scss b/src/app/dim-ui/PageWithMenu.m.scss
@@ -97,7 +97,7 @@
 .menuHeader {
   margin-bottom: 4px;
   padding-bottom: 1px;
-  margin-top: 8px;
+  margin-top: 20px;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-bottom: 0.5px solid #666;

diff --git a/src/app/vendors/VendorsMenu.m.scss b/src/app/vendors/VendorsMenu.m.scss
@@ -0,0 +1,4 @@
+.vendorMenuItem > span:not(.app-icon) {
+  text-transform: none;
+  letter-spacing: normal;
+}
diff --git a/src/app/vendors/VendorsMenu.m.scss.d.ts b/src/app/vendors/VendorsMenu.m.scss.d.ts
diff --git a/src/app/vendors/VendorsMenu.tsx b/src/app/vendors/VendorsMenu.tsx
@@ -1,8 +1,9 @@
 import BungieImage from 'app/dim-ui/BungieImage';
-import PageWithMenu from 'app/dim-ui/PageWithMenu';
 import RichDestinyText from 'app/dim-ui/destiny-symbols/RichDestinyText';
+import PageWithMenu from 'app/dim-ui/PageWithMenu';
 import React from 'react';
 import { D2VendorGroup } from './d2-vendors';
+import styles from './VendorsMenu.m.scss';
 
 export default function VendorsMenu({ groups }: { groups: readonly D2VendorGroup[] }) {
   return (
@@ -11,7 +12,11 @@ export default function VendorsMenu({ groups }: { groups: readonly D2VendorGroup
         <React.Fragment key={group.def.hash}>
           <PageWithMenu.MenuHeader>{group.def.categoryName}</PageWithMenu.MenuHeader>
           {group.vendors.map((vendor) => (
-            <PageWithMenu.MenuButton anchor={vendor.def.hash.toString()} key={vendor.def.hash}>
+            <PageWithMenu.MenuButton
+              anchor={vendor.def.hash.toString()}
+              key={vendor.def.hash}
+              className={styles.vendorMenuItem}
+            >
               <BungieImage
                 src={
                   vendor.def.displayProperties.smallTransparentIcon ||