@riosst100/pwa-marketplace 2.0.0 → 2.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@riosst100/pwa-marketplace",
   "author": "riosst100@gmail.com",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "main": "src/index.js",
   "pwa-studio": {
     "targets": {

package/src/components/Dropdown/dropdown.js

@@ -39,6 +39,9 @@ const Dropdown = (props) => {
                     'border-gray-100 border-solid rounded-md min-w-max px-2.5 py-2',
                     className
                 )}
+                style={{
+                    "paddingLeft":"1rem"
+                }}
             >
                 {selected ? selected : placeholder}
                 <ArrowDown2

package/src/overwrites/venia-ui/lib/components/Header/accountTrigger.js

@@ -66,7 +66,7 @@ const AccountTrigger = props => {
                         })}
                         shouldIndicateLoading={true}
                     /> */}
-                    <User size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
+                    <User size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
                     <span className='text-base font-semibold'>
                         {formatMessage({
                             id: 'accountTrigger.buttonFallback',

package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.js

@@ -76,7 +76,7 @@ const CartTrigger = props => {
                     data-cy="CartTrigger-trigger"
                 >
                     {/* <Icon src={ShoppingCartIcon} /> */}
-                    <ShoppingCart size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
+                    <ShoppingCart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
                     {maybeItemCounter}
                 </button>
             </div>

package/src/overwrites/venia-ui/lib/components/Header/header.js

@@ -43,8 +43,8 @@ const Header = props => {
     const baseUrl = data?.storeConfig?.base_media_url;
     const imageSource = data?.storeConfig?.header_logo_src;
     const LogoImageSource = `${baseUrl}/logo/${imageSource}`;
-    const IMAGE_HEIGHT = data?.storeConfig?.logo_width || 25.23;
-    const IMAGE_WIDTH = data?.storeConfig?.logo_height || 170;
+    const IMAGE_HEIGHT = data?.storeConfig?.logo_width || 28;
+    const IMAGE_WIDTH = data?.storeConfig?.logo_height || 190;
     const IMAGE_ALT = data?.storeConfig?.logo_alt || 'TCG Collective';
 
     const classes = useStyle(defaultClasses, props.classes);
@@ -84,7 +84,7 @@ const Header = props => {
             </div>
             <header className={cn(rootClass, '!flex flex-col !px-0 border-gray-100 ')} data-cy="Header-root">
                 <div className={cn('middle-header border-b border-gray-100')}>
-                    <div className={cn('w-full max-w-[1210px] px-[15px] py-[20px] mx-[auto] flex justify-between items-center')}>
+                    <div className={cn('w-full max-w-[1210px] px-[15px] py-[10px] mx-[auto] flex justify-between items-center')}>
                         <div className='flex'>
                             <NavTrigger />
 
@@ -133,7 +133,7 @@ const Header = props => {
                 </div>
                 <MegaMenu
                     rootClassName={cn('nav-menu w-full max-w-[1210px] px-[15px] mx-[auto] flex-row gap-x-[40px]')}
-                    megaMenuItemClassname={cn('px-0 py-[15px] leading-[20px]')}
+                    megaMenuItemClassname={cn('px-0 py-[10px] leading-[20px]')}
                     titleClassName={cn('font-medium leading-[20px]')}
                 />
             </header>

package/src/overwrites/venia-ui/lib/components/Header/wishlistTrigger.js

@@ -14,7 +14,7 @@ const wishlistTrigger = () => {
                 className={''}
                 data-cy="wishlistLink"
             >
-                <Heart size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
+                <Heart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
             </Link>
         </div>
     )

package/src/overwrites/venia-ui/lib/components/MegaMenu/megaMenuItem.js

@@ -116,8 +116,8 @@ const MegaMenuItem = props => {
                 handleMenuItemFocus();
             }}
             onMouseLeave={e => {
-                // handleClickOutside(e);
-                // handleCloseSubMenu();
+                handleClickOutside(e);
+                handleCloseSubMenu();
             }}
         >
             <Link

package/src/overwrites/venia-ui/lib/components/MegaMenu/submenu.module.css

@@ -5,7 +5,7 @@
     composes: px-3 from global;
     composes: py-1 from global;
     composes: right-0 from global;
-    top: 130px;
+    top: 102px;
     box-shadow: 0 3px rgb(var(--venia-global-color-gray-100));
 }
 

package/src/overwrites/venia-ui/lib/components/SearchBar/searchField.js

@@ -19,6 +19,9 @@ const SearchField = props => {
             classes={{
                 root: 'bg-transparent'
             }}
+            style={{
+                "paddingRight":"1rem"
+            }}
         >
             <SearchNormal size="18" color="#280135" variant="Outline" />
         </Trigger>