From a9a888ef54ec225e49d8652bb82ef99b3a45307c Mon Sep 17 00:00:00 2001
From: boojack <imrealleonardo@gmail.com>
Date: Tue, 3 May 2022 02:14:21 +0800
Subject: [PATCH] chore: update pinned memo style

---
 web/src/components/Memo.tsx | 2 +-
 web/src/less/memo.less      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Memo.tsx b/web/src/components/Memo.tsx
index 5966d632..0397ee70 100644
--- a/web/src/components/Memo.tsx
+++ b/web/src/components/Memo.tsx
@@ -102,7 +102,7 @@ const Memo: React.FC<Props> = (props: Props) => {
   };
 
   return (
-    <div className={`memo-wrapper ${"memos-" + memo.id}`} onMouseLeave={handleMouseLeaveMemoWrapper}>
+    <div className={`memo-wrapper ${"memos-" + memo.id} ${memo.rowStatus}`} onMouseLeave={handleMouseLeaveMemoWrapper}>
       <div className="memo-top-wrapper">
         <span className="time-text" onClick={handleShowMemoStoryDialog}>
           {memo.createdAtStr}
diff --git a/web/src/less/memo.less b/web/src/less/memo.less
index b1e9a9e5..4972bec2 100644
--- a/web/src/less/memo.less
+++ b/web/src/less/memo.less
@@ -3,12 +3,16 @@
 
 .memo-wrapper {
   .flex(column, flex-start, flex-start);
-  @apply w-full max-w-full p-4 pb-3 mt-2 bg-white rounded-lg border border-transparent hover:border-gray-200;
+  @apply w-full max-w-full p-3 px-4 mt-2 bg-white rounded-lg border border-transparent hover:border-gray-200;
 
   &.deleted-memo {
     @apply border-gray-200;
   }
 
+  &.ARCHIVED {
+    @apply border-gray-200 border-2;
+  }
+
   > .memo-top-wrapper {
     .flex(row, space-between, center);
     @apply w-full h-6 mb-2;