fix: tags initial

This commit is contained in:
email 2022-03-24 00:15:15 +08:00
parent da1ccabd1e
commit dedea0dd27
2 changed files with 12 additions and 30 deletions

View file

@ -81,6 +81,7 @@ const MemoList: React.FC<Props> = () => {
.fetchAllMemos() .fetchAllMemos()
.then(() => { .then(() => {
setFetchStatus(false); setFetchStatus(false);
memoService.updateTagsState();
}) })
.catch(() => { .catch(() => {
toastHelper.error("😭 Refresh failed, please try again later."); toastHelper.error("😭 Refresh failed, please try again later.");

View file

@ -2,47 +2,30 @@
.create-shortcut-dialog { .create-shortcut-dialog {
> .dialog-container { > .dialog-container {
width: 420px; @apply w-128;
> .dialog-content-container { > .dialog-content-container {
.flex(column, flex-start, flex-start); .flex(column, flex-start, flex-start);
> .form-item-container { > .form-item-container {
.flex(row, flex-start, flex-start); .flex(row, flex-start, flex-start);
width: 100%; @apply w-full mt-2 py-1;
margin-top: 8px;
padding: 4px 0;
> .normal-text { > .normal-text {
display: block; @apply block flex-shrink-0 w-12 mr-3 text-right text-sm leading-8;
flex-shrink: 0;
width: 40px;
margin-right: 12px;
text-align: right;
color: gray; color: gray;
font-size: 13px;
line-height: 32px;
} }
> .title-input { > .title-input {
width: 100%; @apply w-full px-2 text-base leading-8 rounded border resize-none;
padding: 0 8px;
font-size: 13px;
line-height: 32px;
border-radius: 4px;
border: 1px solid @bg-gray;
resize: none;
} }
> .filters-wrapper { > .filters-wrapper {
width: calc(100% - 56px);
.flex(column, flex-start, flex-start); .flex(column, flex-start, flex-start);
@apply w-full;
> .create-filter-btn { > .create-filter-btn {
color: @text-green; @apply text-sm leading-8 cursor-pointer text-green-500 hover:text-green-600;
font-size: 13px;
line-height: 32px;
cursor: pointer;
} }
} }
} }
@ -50,8 +33,7 @@
> .dialog-footer-container { > .dialog-footer-container {
.flex(row, space-between, center); .flex(row, space-between, center);
width: 100%; @apply w-full mt-0;
margin-top: 0;
> .btns-container { > .btns-container {
.flex(row, flex-start, center); .flex(row, flex-start, center);
@ -108,21 +90,20 @@
flex-shrink: 0; flex-shrink: 0;
&.relation-selector { &.relation-selector {
width: 48px; @apply w-16;
margin-left: -52px; margin-left: -68px;
} }
&.type-selector { &.type-selector {
width: 62px; @apply w-20;
} }
&.operator-selector { &.operator-selector {
width: 62px; @apply w-24;
} }
&.value-selector { &.value-selector {
flex-grow: 1; flex-grow: 1;
max-width: calc(100% - 152px);
} }
} }