fix: marquee items spacing (#573)

* fix: marquee items spacing * fix: truncation warning
tailcallhq · Dec 16, 2024 · c644236 · c644236
1 parent 01358e0
commit c644236
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/blog/configuration-v2-2024-12-14.md b/blog/configuration-v2-2024-12-14.md
@@ -12,6 +12,8 @@ slug: migrating-to-graphql-configuration-v2/
 
 Our current configuration architecture, while aiming for flexibility, has introduced complexities that hinder its usability and maintainability. This blog outlines the existing design, its shortcomings, and a proposed solution for a simpler, more predictable configuration experience.
 
+<!-- truncate -->
+
 ## Current Configuration Design
 
 Currently, developers define configurations using `.graphql`, `.json`, or `.yml` formats. These configurations contain schema information (types & resolvers), runtime information (upstream settings, server settings, telemetry), and links to other configurations. This linking mechanism was introduced to enable modular configuration management, particularly within larger organizations where each team wants to maintain their own configuration and compose them together to run a federated GraphQL server. A merge algorithm within the Tailcall binary, combines the linked configurations into a single effective configuration. Beyond configuration files, linking also supports external resources like JWTKS, Protobuf files, and JavaScript files.

diff --git a/src/components/home/Testimonials.tsx b/src/components/home/Testimonials.tsx
@@ -49,7 +49,7 @@ const Testimonials = () => {
           />
         ))}
       </div>
-      <TrustedByMarquee title="Trusted by" logos={companies} />
+      <TrustedByMarquee title="Trusted by developers at" logos={companies} />
     </Section>
   )
 }

diff --git a/src/components/home/TrustedByMarquee.tsx b/src/components/home/TrustedByMarquee.tsx
@@ -22,7 +22,7 @@ const TrustedByMarquee: React.FC<TrustedByMarqueeProps> = ({
   logos,
   onClick,
   titleClassName = "text-content-small font-bold sm:text-title-tiny lg:text-title-small text-tailCall-light-500 text-center space-x-1",
-  desktopClassName = "hidden sm:flex space-x-SPACE_16 mt-SPACE_10 overflow-hidden",
+  desktopClassName = "hidden sm:flex space-x-SPACE_16 px-8 mt-SPACE_10 overflow-hidden",
   mobileClassName = "sm:hidden flex items-center justify-around flex-wrap mt-SPACE_06 space-y-SPACE_02",
 }) => {
   const handleClick = () => {
-Original file line number
+Diff line change
@@ Expand Up / @@ -49,7 +49,7 @@ const Testimonials = () => { @@
               />
             ))}
           </div>
-          <TrustedByMarquee title="Trusted by" logos={companies} />
+          <TrustedByMarquee title="Trusted by developers at" logos={companies} />
         </Section>
       )
     }
@@ Expand Down @@