Merge pull request #70 from pennyteenycat/home-edits

home-edits

src/app/[locale]/(core)/page.module.scss

@@ -1,6 +1,6 @@
 .page {
   display: flex;
   flex-direction: column;
-  gap: 24px;
+  gap: 37px;
   position: relative;
 }

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;
 }

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>
   );
 }

src/components/domains/chat/ViewAll/ViewAll.module.scss

@@ -5,4 +5,8 @@
   width: fit-content;
   height: fit-content;
   background-color: transparent;
+
+  & > .text {
+    color: #6b7280;
+  }
 }

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>