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 styles

Browse Source
This commit is contained in:
email
2022-03-24 21:39:58 +08:00
parent b6e78a1c2d
commit 0fea2a86da
8 changed files with 34 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,29 +3,27 @@
.memo-wrapper {
.flex(column, flex-start, flex-start);
@apply w-full p-4 px-6 mt-2 bg-white rounded-lg border border-transparent hover:border-gray-200;
@apply w-full p-4 px-6 mt-4 first:mt-2 bg-white rounded-lg border border-transparent hover:border-gray-200;
&.deleted-memo {
@apply border-gray-200;
}
> .memo-top-wrapper {
.flex(row, space-between, center);
width: 100%;
height: 24px;
margin-bottom: 4px;
@apply w-full h-6 mb-1;
> .time-text {
@apply text-xs;
color: gray;
cursor: pointer;
@apply text-xs text-gray-400 cursor-pointer;
}
> .btns-container {
.flex(row, flex-end, center);
position: relative;
flex-shrink: 0;
@apply relative flex-shrink-0;
> .more-action-btns-wrapper {
.flex(column, flex-start, center);
position: absolute;
flex-wrap: nowrap;
@apply absolute flex-nowrap;
top: calc(100% - 8px);
right: -16px;
width: auto;
@ -49,10 +47,7 @@
z-index: 1;
> .btn {
width: 100%;
padding: 8px 0;
padding-left: 24px;
border-radius: 4px;
@apply w-full py-2 px-3 rounded;
height: unset;
line-height: unset;
justify-content: flex-start;
@ -70,24 +65,14 @@
.btn {
.flex(row, center, center);
width: 100%;
height: 28px;
font-size: 13px;
border-radius: 4px;
&:hover {
background-color: @bg-whitegray;
}
@apply px-2 leading-6 text-sm rounded hover:bg-gray-100;
&.more-action-btn {
width: 28px;
@apply w-8 -mr-2 opacity-60;
cursor: unset;
margin-right: -6px;
opacity: 0.8;
> .icon-img {
width: 16px;
height: 16px;
@apply w-4 h-auto;
}
&:hover {