clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-01 09:26:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): make some buttons base on ui/button component

Browse Source
This commit is contained in:
charlie
2021-03-03 13:21:48 +08:00
committed by Tienson Qin
parent 2670862c27
commit eff41b7cae
4 changed files with 38 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/main/frontend/ui.css
View File

@@ -95,37 +95,23 @@
text-sm leading-4 font-medium rounded-md text-white
focus:outline-none transition ease-in-out duration-150 mt-1;
&:disabled {
opacity: .5;
}
&.is-link {
@apply text-white;
}
&.is-logseq {
@apply focus:border-gray-500 hover:text-blue-600
dark:hover:text-gray-200;
&[intent='logseq'] {
@apply focus:border-gray-500 dark:hover:text-gray-200;
color: var(--ls-primary-text-color);
background: var(--ls-secondary-background-color);
}
}
.ui__button_base {
@apply inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4
font-medium rounded-md text-white
bg-gray-500 hover:bg-gray-700 active:bg-gray-700
focus:border-gray-700 focus:shadow-outline-gray
focus:outline-none transition
ease-in-out duration-150 mt-1;
&.is-logseq {
@apply focus:border-gray-500;
color: var(--ls-primary-text-color);
background: var(--ls-secondary-background-color);
}
&.is-primary {
@apply bg-indigo-600 hover:bg-indigo-700 active:bg-indigo-700
focus:border-indigo-700 focus:shadow-outline-indigo;
&:hover {
color: var(--ls-link-text-color);
}
}
}