usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-01-05 13:05:16 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: update tag selector

Browse Source
This commit is contained in:
boojack 2022-05-15 11:37:08 +08:00
parent f1cca0f298
commit e510465818
4 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -254,7 +254,7 @@ const MemoEditor: React.FC<Props> = () => {
const handleTagSeletorClick = useCallback((event: React.MouseEvent) => { const handleTagSeletorClick = useCallback((event: React.MouseEvent) => {
if (tagSeletorRef.current !== event.target && tagSeletorRef.current?.contains(event.target as Node)) { if (tagSeletorRef.current !== event.target && tagSeletorRef.current?.contains(event.target as Node)) {
editorRef.current?.insertText((event.target as HTMLElement).textContent ?? ""); editorRef.current?.insertText((event.target as HTMLElement).textContent + " " ?? "");
toggleTagSeletor(false); toggleTagSeletor(false);
} }
}, []); }, []);

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

@ -77,7 +77,7 @@ const TagList: React.FC<Props> = () => {
))} ))}
<Only when={tags.length < 5 && memoService.initialized}> <Only when={tags.length < 5 && memoService.initialized}>
<p className="tag-tip-container"> <p className="tag-tip-container">
Enter <span className="code-text"># Tag </span> to create a tag Enter <span className="code-text">#Tag </span> to create a tag
</p> </p>
</Only> </Only>
</div> </div>

7
web/src/components/UserBanner.tsx
View File

@ -28,9 +28,10 @@ const UserBanner: React.FC<Props> = () => {
return ( return (
<div className="user-banner-container"> <div className="user-banner-container">
<p className="username-text" onClick={handleUsernameClick}> <div className="username-container" onClick={handleUsernameClick}>
{username} <span className="username-text">{username}</span>
</p> {user?.role === "OWNER" ? <span className="tag">MOD</span> : null}
</div>
<span className="action-btn menu-popup-btn" onClick={handlePopupBtnClick}> <span className="action-btn menu-popup-btn" onClick={handlePopupBtnClick}>
<img src="/icons/more.svg" className="icon-img" /> <img src="/icons/more.svg" className="icon-img" />
</span> </span>

12
web/src/less/user-banner.less
View File

@ -4,8 +4,16 @@
.flex(row, space-between, center); .flex(row, space-between, center);
@apply w-full h-auto px-6 flex-nowrap mb-1; @apply w-full h-auto px-6 flex-nowrap mb-1;
> .username-text { > .username-container {
@apply font-bold text-lg pr-2 text-slate-800 cursor-pointer shrink truncate; @apply shrink flex flex-row justify-start items-center flex-nowrap truncate;
> .username-text {
@apply font-bold text-lg pr-1 text-slate-800 cursor-pointer shrink truncate;
}
> .tag {
@apply text-xs px-1 bg-blue-500 rounded text-white;
}
} }
> .action-btn { > .action-btn {