mirror of
https://github.com/usememos/memos.git
synced 2024-09-22 09:17:36 +03:00
chore: update unpin memo (#386)
This commit is contained in:
parent
4276a7a56d
commit
40d5686031
@ -184,13 +184,7 @@ const Memo: React.FC<Props> = (props: Props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`memo-wrapper ${"memos-" + memo.id} ${memo.pinned ? "pinned" : ""}`} ref={memoContainerRef}>
|
<div className={`memo-wrapper ${"memos-" + memo.id} ${memo.pinned ? "pinned" : ""}`} ref={memoContainerRef}>
|
||||||
{memo.pinned && (
|
{memo.pinned && <div className="corner-container"></div>}
|
||||||
<div className="corner-container">
|
|
||||||
<span className="tip-text" onClick={handleTogglePinMemoBtnClick}>
|
|
||||||
{t("common.unpin")}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<div className="memo-top-wrapper">
|
<div className="memo-top-wrapper">
|
||||||
<div className="status-text-container">
|
<div className="status-text-container">
|
||||||
<span className="time-text" onClick={handleShowMemoStoryDialog}>
|
<span className="time-text" onClick={handleShowMemoStoryDialog}>
|
||||||
|
@ -14,18 +14,9 @@
|
|||||||
> .corner-container {
|
> .corner-container {
|
||||||
@apply absolute top-0 right-0 z-1;
|
@apply absolute top-0 right-0 z-1;
|
||||||
|
|
||||||
&:hover > .tip-text {
|
|
||||||
@apply block;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
@apply rounded-tr-md absolute top-0 right-0 border-transparent border-t-green-600 border-r-green-600;
|
@apply rounded-tr-md absolute border-8 top-0 right-0 border-transparent border-t-green-600 border-r-green-600;
|
||||||
content: "";
|
content: "";
|
||||||
border-width: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .tip-text {
|
|
||||||
@apply hidden absolute top-0 right-0 z-1 whitespace-nowrap p-1 px-2 rounded-md text-xs leading-6 bg-black text-white shadow cursor-pointer hover:opacity-80;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user