From ae8486658c617fccdee3a3696d1abc453b2b4c34 Mon Sep 17 00:00:00 2001
From: gofnnp <itkataev@gmail.com>
Date: Thu, 23 Oct 2025 18:50:58 +0400
Subject: [PATCH] home-edits

new messages blur & gap
---
 src/app/[locale]/(core)/page.module.scss               |  2 +-
 .../GlobalNewMessagesBanner.module.scss                |  8 +++++---
 .../GlobalNewMessagesBanner.tsx                        | 10 +++++-----
 .../domains/chat/ViewAll/ViewAll.module.scss           |  4 ++++
 src/components/domains/chat/ViewAll/ViewAll.tsx        |  2 +-
 5 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/app/[locale]/(core)/page.module.scss b/src/app/[locale]/(core)/page.module.scss
index 7f581db..70eb179 100644
--- a/src/app/[locale]/(core)/page.module.scss
+++ b/src/app/[locale]/(core)/page.module.scss
@@ -1,6 +1,6 @@
 .page {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 37px;
   position: relative;
 }
diff --git a/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.module.scss b/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.module.scss
index a57a294..96eb748 100644
--- a/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.module.scss
+++ b/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.module.scss
@@ -1,12 +1,14 @@
 .container {
   width: 100%;
-  padding: 0 16px;
+  padding: 16px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 16px;
   position: sticky;
-  top: 76px;
+  top: 60px;
   z-index: 100;
-  margin-bottom: clamp(16px, 2.5vw, 32px);
+  padding-bottom: clamp(16px, 2.5vw, 32px);
+  backdrop-filter: blur(12px);
+  background: #f8fafc8f;
 }
diff --git a/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.tsx b/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.tsx
index 6d99bf9..03a7a43 100644
--- a/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.tsx
+++ b/src/components/domains/chat/GlobalNewMessagesBanner/GlobalNewMessagesBanner.tsx
@@ -35,6 +35,11 @@ export default function GlobalNewMessagesBanner() {
 
   return (
     <div className={styles.container}>
+      <NewMessages
+        chats={unreadChats}
+        isVisibleAll={isVisibleAll}
+        currentBalance={balance}
+      />
       {unreadChats.length > 1 && (
         <ViewAll
           count={unreadChats.length}
@@ -42,11 +47,6 @@ export default function GlobalNewMessagesBanner() {
           onClick={() => setHomeNewMessages({ isVisibleAll: !isVisibleAll })}
         />
       )}
-      <NewMessages
-        chats={unreadChats}
-        isVisibleAll={isVisibleAll}
-        currentBalance={balance}
-      />
     </div>
   );
 }
diff --git a/src/components/domains/chat/ViewAll/ViewAll.module.scss b/src/components/domains/chat/ViewAll/ViewAll.module.scss
index 50e2561..456f391 100644
--- a/src/components/domains/chat/ViewAll/ViewAll.module.scss
+++ b/src/components/domains/chat/ViewAll/ViewAll.module.scss
@@ -5,4 +5,8 @@
   width: fit-content;
   height: fit-content;
   background-color: transparent;
+
+  & > .text {
+    color: #6b7280;
+  }
 }
diff --git a/src/components/domains/chat/ViewAll/ViewAll.tsx b/src/components/domains/chat/ViewAll/ViewAll.tsx
index e844bbc..5b890e7 100644
--- a/src/components/domains/chat/ViewAll/ViewAll.tsx
+++ b/src/components/domains/chat/ViewAll/ViewAll.tsx
@@ -17,7 +17,7 @@ export default function ViewAll({ count, isAll, onClick }: ViewAllProps) {
 
   return (
     <Button className={styles.viewAllButton} onClick={onClick}>
-      <Typography size="sm" weight="medium" color="muted">
+      <Typography size="sm" weight="medium" className={styles.text}>
         {isAll ? t("hide_all") : t("view_all", { count })}
       </Typography>
     </Button>