improve(ui): polish built-in icon

pull/6803/head
charlie 2022-09-21 00:00:45 +08:00 committed by Tienson Qin
parent 8f96f4b176
commit 50b4f6577d
3 changed files with 28 additions and 19 deletions

View File

@ -34,6 +34,15 @@
.input-wrap {
height: var(--palettle-input-height);
}
.recent-search {
> .wrap {
> div:last-child {
display: flex !important;
justify-items: center;
}
}
}
}
&-input {
@ -50,25 +59,25 @@
}
html.is-ios {
.cp__palette-main {
margin-bottom: 0px;
}
.cp__palette-main {
margin-bottom: 0;
}
}
.cards-review .cp__select {
&-main {
margin: 0;
@screen lg {
width: 240px;
}
&-main {
margin: 0;
@screen lg {
width: 240px;
}
}
.input-wrap {
height: initial;
}
.input-wrap {
height: initial;
}
&-input {
padding: 16px;
font-size: 16px;
}
&-input {
padding: 16px;
font-size: 16px;
}
}

View File

@ -191,9 +191,9 @@
(if (or (state/home?) custom-home-page?)
left-menu
(ui/with-shortcut :go/backward "bottom"
[:button.it.navigation.nav-left.button.icon
[:button.it.navigation.nav-left.button.icon.opacity-70
{:title "Go back" :on-click #(js/window.history.back)}
(ui/icon "chevron-left" {:style {:fontSize 25}})])))]
(ui/icon "chevron-left" {:size 26})])))]
[:div.r.flex
(when (and sync-enabled?

View File

@ -267,11 +267,11 @@
(rum/defc recent-search-and-pages
[in-page-search?]
[:div.recent-search
[:div.px-4.py-2.text-sm.opacity-70.flex.flex-row.justify-between.align-items
[:div.wrap.px-4.py-2.text-sm.opacity-70.flex.flex-row.justify-between.align-items.mx-1.sm:mx-0
[:div "Recent search:"]
(ui/with-shortcut :go/search-in-page "bottom"
[:div.flex-row.flex.align-items
[:div.mr-3.flex.leading-4 "Search blocks in page:"]
[:div.mr-3.flex "Search blocks in page:"]
[:div.flex.items-center
(ui/toggle in-page-search?
(fn [_value]