From 419de3701a01bfc33addc02865283c6f10497a3b Mon Sep 17 00:00:00 2001
From: lookinway <andrew@pachca.com>
Date: Tue, 12 May 2026 22:05:07 +0300
Subject: [PATCH 1/2] feat(docs): banner responsive layout, date font-weight,
 RSS transition

---
 apps/docs/components/api/markdown-actions.tsx |  2 +-
 apps/docs/components/api/updates-list.tsx     |  2 +-
 apps/docs/components/mdx/mdx-components.tsx   | 31 +++++++++++--------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/apps/docs/components/api/markdown-actions.tsx b/apps/docs/components/api/markdown-actions.tsx
index ebd4a4c6..330e5ef5 100644
--- a/apps/docs/components/api/markdown-actions.tsx
+++ b/apps/docs/components/api/markdown-actions.tsx
@@ -105,7 +105,7 @@ export function MarkdownActions({ pageUrl }: MarkdownActionsProps) {
             href="/feed.xml"
             target="_blank"
             rel="noopener noreferrer"
-            className="flex h-7 items-center gap-1 text-text-secondary! font-medium hover:text-text-primary! transition-colors text-nowrap no-underline!"
+            className="flex h-7 items-center gap-1 text-text-secondary! font-medium hover:text-text-primary! transition-colors duration-200 text-nowrap no-underline!"
           >
             <Rss className="w-3.5 h-3.5 shrink-0" strokeWidth={2} />
             <span>RSS</span>
diff --git a/apps/docs/components/api/updates-list.tsx b/apps/docs/components/api/updates-list.tsx
index 31658daf..34fa2aa4 100644
--- a/apps/docs/components/api/updates-list.tsx
+++ b/apps/docs/components/api/updates-list.tsx
@@ -192,7 +192,7 @@ export async function UpdatesList() {
               }`}
             />
             <div className="flex flex-col mb-3">
-              <span className="text-[13px] text-text-secondary leading-none mb-2">
+              <span className="text-[13px] font-medium text-text-secondary leading-none mb-2">
                 {group.displayDate}
               </span>
 
diff --git a/apps/docs/components/mdx/mdx-components.tsx b/apps/docs/components/mdx/mdx-components.tsx
index 8966bd9f..d0a18483 100644
--- a/apps/docs/components/mdx/mdx-components.tsx
+++ b/apps/docs/components/mdx/mdx-components.tsx
@@ -456,22 +456,27 @@ export function ProductUpdatesLink() {
       href="https://pachca.com/updates"
       target="_blank"
       rel="noopener noreferrer"
-      className="group not-prose mb-10 flex flex-col rounded-xl border border-glass-border bg-glass backdrop-blur-md no-underline! transition-all duration-200 hover:bg-glass-hover hover:border-glass-heavy-border"
+      className="group not-prose mb-10 flex flex-col rounded-xl border border-glass-border bg-glass backdrop-blur-md no-underline! transition-colors duration-200 hover:bg-glass-hover hover:border-glass-heavy-border"
     >
-      <div className="flex items-center gap-3 px-4 py-3">
-        <span className="inline-flex h-[21px] shrink-0 items-center gap-1 rounded-full bg-primary px-2 py-0.5 text-[11px] font-bold text-white">
-          <Zap className="h-3 w-3 fill-white stroke-none" />
-          new
-        </span>
-        <div className="flex min-w-0 items-center gap-2">
-          <span className="shrink-0 text-[13px] text-text-secondary font-normal">
-            {LATEST_PRODUCT_UPDATE.date}
-          </span>
-          <span className="text-text-tertiary text-[14px]">·</span>
-          <span className="truncate text-[14px] font-medium text-text-primary">
-            {LATEST_PRODUCT_UPDATE.title}
+      <div className="flex flex-col gap-1 px-4 py-3 sm:flex-row sm:items-center sm:gap-3">
+        <div className="flex items-center gap-3">
+          <span className="inline-flex h-[21px] shrink-0 items-center gap-1 rounded-full bg-primary px-2 py-0.5 text-[11px] font-bold text-white">
+            <Zap className="h-3 w-3 fill-white stroke-none" />
+            new
           </span>
+          <div className="flex items-center gap-1.5">
+            <span className="shrink-0 text-[13px] text-text-secondary font-normal">
+              {LATEST_PRODUCT_UPDATE.date}
+            </span>
+            <span className="hidden sm:inline text-text-tertiary text-[14px]">·</span>
+            <span className="hidden sm:inline truncate text-[14px] font-medium text-text-primary">
+              {LATEST_PRODUCT_UPDATE.title}
+            </span>
+          </div>
         </div>
+        <span className="sm:hidden mt-1 text-[14px] font-medium text-text-primary">
+          {LATEST_PRODUCT_UPDATE.title}
+        </span>
         <span className="ml-auto hidden  text-text-secondary font-normal shrink-0 items-center gap-0.5 text-[13px] transition-colors group-hover:text-text-primary lg:flex">
           Обновления продукта
           <ArrowUpRight className="h-3.5 w-3.5 transition-all duration-200 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" />

From 0467d68ae9f46e84a872234af4f4f84f8c1de06f Mon Sep 17 00:00:00 2001
From: lookinway <andrew@pachca.com>
Date: Tue, 12 May 2026 22:08:56 +0300
Subject: [PATCH 2/2] feat(docs): make banner date font-weight medium

---
 apps/docs/components/mdx/mdx-components.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/docs/components/mdx/mdx-components.tsx b/apps/docs/components/mdx/mdx-components.tsx
index d0a18483..2350ece5 100644
--- a/apps/docs/components/mdx/mdx-components.tsx
+++ b/apps/docs/components/mdx/mdx-components.tsx
@@ -465,7 +465,7 @@ export function ProductUpdatesLink() {
             new
           </span>
           <div className="flex items-center gap-1.5">
-            <span className="shrink-0 text-[13px] text-text-secondary font-normal">
+            <span className="shrink-0 text-[13px] text-text-secondary font-medium">
               {LATEST_PRODUCT_UPDATE.date}
             </span>
             <span className="hidden sm:inline text-text-tertiary text-[14px]">·</span>