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

fix: emoji picker style

Browse Source
This commit is contained in:
steven
2022-10-03 09:11:07 +08:00
parent 6a3b052fa2
commit 05e46ee4a8
5 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/src/less/memo-editor.less
View File

@ -5,11 +5,11 @@
&.float {
@media (max-width: 640px) {
@apply fixed w-full bottom-2 left-0 border-none rounded-none sm:relative sm:bottom-0 sm:w-full;
@apply fixed w-full bottom-0 left-0 border-none rounded-none;
background-color: #f6f5f4;
> .memo-editor {
@apply p-4 rounded-lg border-2 flex flex-col flex-grow justify-start items-start relative w-full h-full bg-white;
@apply p-4 mb-2 rounded-lg border-2 flex flex-col flex-grow justify-start items-start relative w-full h-full bg-white;
.tag-action > .tag-list {
@apply bottom-7;
@ -18,7 +18,8 @@
}
.emoji-picker-react {
@apply bottom-16;
@apply !bottom-8;
top: unset !important;
}
}
}
@ -28,20 +29,21 @@
background-color: #f6f5f4;
> .memo-editor {
@apply p-4 rounded-lg border shadow-lg flex flex-col flex-grow justify-start items-start relative w-full h-full bg-white;
@apply p-4 mb-4 rounded-lg border shadow-lg flex flex-col flex-grow justify-start items-start relative w-full h-full bg-white;
> .common-editor-inputer {
@apply flex-grow w-full !h-full max-h-full;
}
}
.tag-action > .tag-list {
@apply bottom-7;
top: unset;
}
.tag-action > .tag-list {
@apply bottom-7;
top: unset;
}
.emoji-picker-react {
@apply bottom-20;
@apply !bottom-8;
top: unset !important;
}
}
@ -66,7 +68,7 @@
}
> .common-tools-wrapper {
@apply w-full flex flex-row justify-between items-center;
@apply relative w-full flex flex-row justify-between items-center;
> .common-tools-container {
@apply flex flex-row justify-start items-center;
@ -104,6 +106,14 @@
@apply hidden ml-1 text-xs leading-5 text-gray-700 border border-gray-300 rounded-xl px-2;
}
}
.emoji-picker-react {
@apply absolute shadow left-6 top-8;
li.emoji::before {
@apply hidden;
}
}
}
> .btns-container {
@ -146,12 +156,4 @@
}
}
}
.emoji-picker-react {
@apply absolute shadow;
li.emoji::before {
@apply hidden;
}
}
}