mirror of https://github.com/logseq/logseq
fix(ui): polish the plugin settings modal
parent
144fc5196f
commit
52c3278a5d
|
@ -1282,7 +1282,8 @@
|
||||||
|
|
||||||
[:div.cp__plugins-settings.cp__settings-main
|
[:div.cp__plugins-settings.cp__settings-main
|
||||||
[:header
|
[:header
|
||||||
[:h1.title (ui/icon "puzzle") (str " " (or title (t :settings-of-plugins)))]]
|
[:h1.title (ui/icon "puzzle" {:size 22})
|
||||||
|
[:strong (or title (t :settings-of-plugins))]]]
|
||||||
|
|
||||||
[:div.cp__settings-inner.md:flex
|
[:div.cp__settings-inner.md:flex
|
||||||
{:class (util/classnames [{:no-aside (not nav?)}])}
|
{:class (util/classnames [{:no-aside (not nav?)}])}
|
||||||
|
@ -1377,4 +1378,5 @@
|
||||||
[:div.settings-modal.of-plugins
|
[:div.settings-modal.of-plugins
|
||||||
(focused-settings-content title)])
|
(focused-settings-content title)])
|
||||||
{:center? false
|
{:center? false
|
||||||
|
:label "plugin-settings-modal"
|
||||||
:id "ls-focused-settings-modal"}))
|
:id "ls-focused-settings-modal"}))
|
||||||
|
|
|
@ -482,6 +482,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&-settings {
|
&-settings {
|
||||||
|
> header {
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-bottom: 1px solid var(--ls-quaternary-background-color);
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
@apply flex items-center text-[22px] m-0 space-x-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&-inner {
|
&-inner {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px 0 20px;
|
padding: 10px 0 20px;
|
||||||
|
@ -598,25 +607,23 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.cp__settings-inner {
|
||||||
aside {
|
aside {
|
||||||
max-height: 70vh;
|
@apply max-h-[70vh] overflow-auto mb-[-17px] p-3;
|
||||||
overflow: auto;
|
|
||||||
margin-bottom: -17px;
|
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
@apply list-none p-0 m-0;
|
||||||
|
|
||||||
img.icon {
|
img.icon {
|
||||||
height: 24px;
|
@apply w-[24px] h-[24px];
|
||||||
width: 24px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
strong {
|
@apply p-1.5 rounded;
|
||||||
font-weight: 400;
|
|
||||||
overflow: hidden;
|
|
||||||
height: 22px;
|
|
||||||
|
|
||||||
text-overflow: ellipsis;
|
strong {
|
||||||
white-space: nowrap;
|
@apply overflow-hidden text-ellipsis whitespace-nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -975,6 +982,12 @@ html[data-theme='dark'] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui__modal[label=plugin-settings-modal] {
|
||||||
|
.ui__modal-close-wrap {
|
||||||
|
padding-top: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ui__modal[label=plugins-dashboard] {
|
.ui__modal[label=plugins-dashboard] {
|
||||||
.panel-content {
|
.panel-content {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
|
@ -1,15 +1,5 @@
|
||||||
.cp__settings {
|
.cp__settings {
|
||||||
&-main {
|
&-main {
|
||||||
> header {
|
|
||||||
padding: 0 10px 10px;
|
|
||||||
border-bottom: 1px solid var(--ls-quaternary-background-color);
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 22px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
aside {
|
aside {
|
||||||
@apply bg-gray-400/5 p-4;
|
@apply bg-gray-400/5 p-4;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue