feedback

Author: bjohansebas

apps/site/components/Common/Partners/PartnerIcon/index.module.css

@@ -1,13 +1,13 @@
 @reference "../../../../styles/index.css";
 
 .partnerIcon {
-  @apply h-12!
+  @apply h-10!
     w-auto!
-    min-w-12!
+    min-w-10!
     !p-2;
 
   svg {
-    @apply !h-7
+    @apply !h-6
       !w-auto;
   }
 }

apps/site/components/Common/Partners/PartnerIcon/index.tsx

@@ -4,20 +4,19 @@ import { cloneElement } from 'react';
 
 import type { Partners } from '#site/types';
 
-// import Link from '#site/components/Link';
 import style from './index.module.css';
 import Button from '../../Button';
 
 type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
 
 const PartnersIcon: FC<ParnetsIconProps> = ({ href, logo, loading }) => {
   return (
-    <Skeleton loading={loading} className="h-12 w-12 p-2">
+    <Skeleton loading={loading} className="h-10 w-10 p-2">
       <Button kind="secondary" href={href} className={style.partnerIcon}>
         {cloneElement(logo, {
-          className: 'h-7 w-auto',
+          className: 'h-5 w-auto',
           width: 'auto',
-          height: '28px',
+          height: '20px',
         })}
       </Button>
     </Skeleton>

apps/site/pages/en/index.mdx

@@ -138,12 +138,11 @@ layout: home
   </div>
   Learn more what Node.js is able to offer with our [Learning materials](/learn).
   <div className='w-full flex flex-col gap-2 xs:mt-3'>
-    <div className="flex flex-row items-center justify-center gap-4">
+    <div className="flex justify-center">
       <PartnersIconList />
-      <Link href="/about/partners" className="min-w-max">and more...</Link>
     </div>
-    <span className="xs:mt-1 text-center">
-      Node.js is proudly supported by our partners above
+    <span className="xs:mt-1 text-center text-sm">
+      Node.js is proudly supported by the partners above <Link href="/about/partners">and more</Link>.
     </span>
   </div>
 </section>