From 2a8c4cb7500265466ce378421996f7c4832fa619 Mon Sep 17 00:00:00 2001
From: johnnyjoy <yourselfhosted@gmail.com>
Date: Wed, 5 Feb 2025 20:30:22 +0800
Subject: [PATCH] chore: update styles

---
 web/src/components/ActivityCalendar.tsx       | 21 ++++++++++++++-----
 .../HomeSidebar/ShortcutsSection.tsx          |  2 +-
 web/src/components/MemoActionMenu.tsx         | 10 +++++----
 web/src/components/Settings/MemberSection.tsx |  9 +++++++-
 4 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/web/src/components/ActivityCalendar.tsx b/web/src/components/ActivityCalendar.tsx
index 0b3919ca5..d435da91f 100644
--- a/web/src/components/ActivityCalendar.tsx
+++ b/web/src/components/ActivityCalendar.tsx
@@ -73,6 +73,18 @@ const ActivityCalendar = (props: Props) => {
       ))}
       {days.map((item, index) => {
         const date = dayjs(`${year}-${month + 1}-${item.day}`).format("YYYY-MM-DD");
+
+        if (!item.isCurrentMonth) {
+          return (
+            <div
+              key={`${date}-${index}`}
+              className={cn("w-6 h-6 text-xs flex justify-center items-center cursor-default", "opacity-60 text-gray-400")}
+            >
+              {item.day}
+            </div>
+          );
+        }
+
         const count = item.isCurrentMonth ? data[date] || 0 : 0;
         const isToday = dayjs().format("YYYY-MM-DD") === date;
         const tooltipText =
@@ -89,13 +101,12 @@ const ActivityCalendar = (props: Props) => {
           <Tooltip className="shrink-0" key={`${date}-${index}`} title={tooltipText} placement="top" arrow>
             <div
               className={cn(
-                "w-6 h-6 text-xs rounded-lg flex justify-center items-center border cursor-default",
-                "text-gray-400",
-                item.isCurrentMonth ? getCellAdditionalStyles(count, maxCount) : "opacity-60",
+                "w-6 h-6 text-xs flex justify-center items-center cursor-default",
+                "rounded-lg border-2 text-gray-400",
+                item.isCurrentMonth && getCellAdditionalStyles(count, maxCount),
                 item.isCurrentMonth && isToday && "border-zinc-400",
-                item.isCurrentMonth && isSelected && "font-bold border-zinc-400",
+                item.isCurrentMonth && isSelected && "font-medium border-zinc-400",
                 item.isCurrentMonth && !isToday && !isSelected && "border-transparent",
-                !item.isCurrentMonth && "border-transparent",
               )}
               onClick={() => count && onClick && onClick(date)}
             >
diff --git a/web/src/components/HomeSidebar/ShortcutsSection.tsx b/web/src/components/HomeSidebar/ShortcutsSection.tsx
index 117f1c457..497210ea4 100644
--- a/web/src/components/HomeSidebar/ShortcutsSection.tsx
+++ b/web/src/components/HomeSidebar/ShortcutsSection.tsx
@@ -45,7 +45,7 @@ const ShortcutsSection = () => {
               className="shrink-0 w-full text-sm rounded-md leading-6 flex flex-row justify-between items-center select-none gap-2 text-gray-600 dark:text-gray-400 dark:border-zinc-800"
             >
               <span
-                className={cn("truncate cursor-pointer dark:opacity-80", selected && "font-medium underline")}
+                className={cn("truncate cursor-pointer dark:opacity-80", selected && "text-primary font-medium underline")}
                 onClick={() => (selected ? memoFilterStore.setShortcut(undefined) : memoFilterStore.setShortcut(shortcut.id))}
               >
                 {shortcut.title}
diff --git a/web/src/components/MemoActionMenu.tsx b/web/src/components/MemoActionMenu.tsx
index e99609d15..affb83341 100644
--- a/web/src/components/MemoActionMenu.tsx
+++ b/web/src/components/MemoActionMenu.tsx
@@ -183,10 +183,12 @@ const MemoActionMenu = (props: Props) => {
             </MenuItem>
           </>
         )}
-        <MenuItem onClick={handleCopyLink}>
-          <CopyIcon className="w-4 h-auto" />
-          {t("memo.copy-link")}
-        </MenuItem>
+        {!isArchived && (
+          <MenuItem onClick={handleCopyLink}>
+            <CopyIcon className="w-4 h-auto" />
+            {t("memo.copy-link")}
+          </MenuItem>
+        )}
         {!readonly && (
           <>
             {!isArchived && hasCompletedTaskList && (
diff --git a/web/src/components/Settings/MemberSection.tsx b/web/src/components/Settings/MemberSection.tsx
index 07e017892..1bf4750c1 100644
--- a/web/src/components/Settings/MemberSection.tsx
+++ b/web/src/components/Settings/MemberSection.tsx
@@ -140,13 +140,20 @@ const MemberSection = () => {
       <div className="w-auto flex flex-col justify-start items-start gap-2 border rounded-md py-2 px-3 dark:border-zinc-700">
         <div className="flex flex-col justify-start items-start gap-1">
           <span>{t("common.username")}</span>
-          <Input type="text" placeholder={t("common.username")} value={state.creatingUser.username} onChange={handleUsernameInputChange} />
+          <Input
+            type="text"
+            placeholder={t("common.username")}
+            autoComplete="off"
+            value={state.creatingUser.username}
+            onChange={handleUsernameInputChange}
+          />
         </div>
         <div className="flex flex-col justify-start items-start gap-1">
           <span>{t("common.password")}</span>
           <Input
             type="password"
             placeholder={t("common.password")}
+            autoComplete="off"
             value={state.creatingUser.password}
             onChange={handlePasswordInputChange}
           />