frontend: make caught_up sentinel less intrusive if its at the top ofHEADmain

feed

1 files changed, 3 insertions, 2 deletions

diff --git a/site/src/components/NewsFeed.tsx b/site/src/components/NewsFeed.tsx
index 2b81fe5..8e67af3 100644
--- a/site/src/components/NewsFeed.tsx
+++ b/site/src/components/NewsFeed.tsx
@@ -144,12 +144,13 @@ export const NewsFeed: React.FC<NewsFeedProps> = ({ newsItems }) => {
 
   return (
     <div className="max-w-[600px] w-full mx-auto py-8 space-y-4 font-[Zen_Maru_Gothic]">
-      {feed.map((item) => {
+      {feed.map((item, idx) => {
         if ("_sentinel" in item) {
+          const isFirstSentinel = idx === 0;
           return (
             <div
               key={item._sentinel}
-              className={`flex font-bold items-center gap-3 py-24 ${isMoe ? "text-pink-400" : "text-gray-100"}`}
+              className={`flex font-bold items-center gap-3 ${isFirstSentinel ? "py-2" : "py-24"} ${isMoe ? "text-pink-400" : "text-gray-100"}`}
             >
               <div className={`flex-1 h-px ${isMoe ? "bg-pink-300" : "bg-gray-700"}`} />
               <span className="text-sm">