YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update pinned memo style

Browse Source
This commit is contained in:
boojack
2022-05-03 02:14:21 +08:00
parent d947a512e6
commit a9a888ef54
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Memo.tsx
View File

@ -102,7 +102,7 @@ const Memo: React.FC<Props> = (props: Props) => {
}; };
return ( 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"> <div className="memo-top-wrapper">
<span className="time-text" onClick={handleShowMemoStoryDialog}> <span className="time-text" onClick={handleShowMemoStoryDialog}>
{memo.createdAtStr} {memo.createdAtStr}

6
web/src/less/memo.less
View File

@ -3,12 +3,16 @@
.memo-wrapper { .memo-wrapper {
.flex(column, flex-start, flex-start); .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 { &.deleted-memo {
@apply border-gray-200; @apply border-gray-200;
} }
&.ARCHIVED {
@apply border-gray-200 border-2;
}
> .memo-top-wrapper { > .memo-top-wrapper {
.flex(row, space-between, center); .flex(row, space-between, center);
@apply w-full h-6 mb-2; @apply w-full h-6 mb-2;