mirror of https://github.com/usememos/memos
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.6 KiB
Plaintext
102 lines
2.6 KiB
Plaintext
.create-shortcut-dialog {
|
|
@apply px-4;
|
|
|
|
> .dialog-container {
|
|
@apply w-180 max-w-full;
|
|
|
|
> .dialog-content-container {
|
|
@apply flex flex-col justify-start items-start;
|
|
|
|
> .form-item-container {
|
|
@apply w-full mt-2 py-1 flex sm:flex-row flex-col justify-start items-start;
|
|
|
|
> .normal-text {
|
|
@apply block shrink-0 w-12 mr-3 sm:text-right text-left text-sm leading-8;
|
|
color: gray;
|
|
}
|
|
|
|
> .title-input {
|
|
@apply w-full py-1 px-2 h-9 text-sm rounded border dark:border-zinc-700 dark:bg-zinc-800 shadow-inner;
|
|
}
|
|
|
|
> .filters-wrapper {
|
|
@apply w-full flex flex-col justify-start items-start;
|
|
|
|
> .create-filter-btn {
|
|
@apply text-sm py-1 px-2 rounded shadow flex flex-row sm:justify-start justify-center items-center border dark:border-zinc-700 cursor-pointer text-blue-500 hover:opacity-80 sm:min-w-0 min-w-full sm:mb-0 mb-1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
> .dialog-footer-container {
|
|
@apply w-full mt-0 flex flex-row justify-between items-center;
|
|
|
|
> .btns-container {
|
|
@apply flex flex-row justify-start items-center;
|
|
|
|
> .tip-text {
|
|
@apply text-sm text-gray-400 mr-2;
|
|
}
|
|
|
|
> .btn {
|
|
@apply text-base px-4 py-1 leading-7 rounded shadow hover:opacity-80;
|
|
|
|
&.save-btn {
|
|
@apply bg-green-600 text-white;
|
|
|
|
&.requesting {
|
|
@apply cursor-wait opacity-80;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.memo-filter-input-wrapper {
|
|
@apply w-full mb-3 shrink-0 flex flex-row sm:justify-start justify-center items-center sm:flex-nowrap flex-wrap sm:gap-0 gap-3;
|
|
|
|
> .selector-wrapper {
|
|
@apply mr-1 h-9 grow-0 shrink-0 sm:min-w-0 min-w-full;
|
|
|
|
&.relation-selector {
|
|
@apply w-16;
|
|
@media only screen and (min-width: 640px) {
|
|
margin-left: -68px;
|
|
}
|
|
}
|
|
|
|
&.type-selector {
|
|
@apply w-1/4;
|
|
}
|
|
|
|
&.operator-selector {
|
|
@apply w-1/5;
|
|
}
|
|
|
|
&.value-selector {
|
|
@apply grow;
|
|
}
|
|
}
|
|
|
|
> input.value-inputer {
|
|
@media only screen and (min-width: 640px) {
|
|
max-width: calc(100% - 152px);
|
|
}
|
|
@apply h-9 px-2 shrink-0 grow mr-1 text-sm rounded border bg-transparent hover:bg-gray-50 sm:min-w-0 min-w-full;
|
|
}
|
|
|
|
> input.datetime-selector {
|
|
@media only screen and (min-width: 640px) {
|
|
max-width: calc(100% - 152px);
|
|
}
|
|
@apply h-9 px-2 shrink-0 grow mr-1 text-sm rounded border bg-transparent sm:min-w-0 min-w-full;
|
|
}
|
|
|
|
> .remove-btn {
|
|
@apply w-4 h-auto ml-1 cursor-pointer opacity-60 hover:opacity-80;
|
|
}
|
|
}
|