Improve the logo styling

evershopcommerce · Sep 1, 2024 · 58cd3eb · 58cd3eb
1 parent ce5e754
commit 58cd3eb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/packages/evershop/src/components/frontStore/widgets/BasicMenu.jsx b/packages/evershop/src/components/frontStore/widgets/BasicMenu.jsx
@@ -55,7 +55,7 @@ export default function BasicMenu({
                     {item.name}
                   </a>
                   {item.children.length > 0 && (
-                    <ul className="md:absolute left-0 top-full mt-0 md:mt-3 w-48 bg-white md:shadow-lg rounded-md md:opacity-0 md:group-hover:opacity-100 md:group-hover:translate-y-0 transform transition-all duration-300 ease-in-out min-w-full md:min-w-[250px] z-30 border-t-4">
+                    <ul className="md:absolute left-0 top-full mt-0 md:mt-3 w-48 bg-white md:shadow-lg rounded-md md:opacity-0 md:group-hover:opacity-100 md:group-hover:translate-y-0 transform transition-all duration-300 ease-in-out min-w-full md:min-w-[250px] z-30 md:border-t-4">
                       {item.children.map((subItem, subIndex) => (
                         <li key={subIndex}>
                           <a

diff --git a/packages/evershop/src/modules/cms/pages/frontStore/all/Logo.jsx b/packages/evershop/src/modules/cms/pages/frontStore/all/Logo.jsx
@@ -8,7 +8,7 @@ export default function Logo({
   }
 }) {
   return (
-    <div className="logo ml-9 md:ml-0 flex justify-center">
+    <div className="logo md:ml-0 flex justify-center items-center">
       {src && (
         <a href="/" className="logo-icon">
           <img src={src} alt={alt} width={width} height={height} />

diff --git a/packages/evershop/src/modules/cms/pages/frontStore/all/Logo.scss b/packages/evershop/src/modules/cms/pages/frontStore/all/Logo.scss
@@ -1,9 +1,8 @@
 .logo {
   a.logo-icon {
     svg {
-      width: 3rem;
-      height: 3rem;
+      width: 4rem;
+      height: 4rem;
     }
-    margin-right: 0.5rem;
   }
 }