BackTrackZ/memos
BackTrackZ/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-06 10:24:00 +00:00
Code Releases Activity

chore: update styles

Browse Source
This commit is contained in:
johnnyjoy 2025-02-05 20:30:22 +08:00
parent 07336f0392
commit 2a8c4cb750
4 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/components/ActivityCalendar.tsx
View File

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

2
web/src/components/HomeSidebar/ShortcutsSection.tsx
View File

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

10
web/src/components/MemoActionMenu.tsx
View File

@ -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 && (

9
web/src/components/Settings/MemberSection.tsx
View File

@ -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}
/>