clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-27 15:45:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(mobile): tweak datepicker css

Browse Source
This commit is contained in:
leizhe
2021-12-01 20:15:01 +08:00
parent 0daf3538dd
commit 76679f2d2e
1 changed files with 19 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/main/frontend/components/datetime.cljs
View File

@@ -22,9 +22,8 @@
(let [show? (rum/react *show-time?)]
(if (or show? (not (string/blank? default-value)))
[:div.flex.flex-row {:style {:height 32}}
[:input#time.form-input
{:style {:width 240}
:default-value default-value
[:input#time.form-input.w-20.ms:w-60
{:default-value default-value
:on-change (fn [event]
(util/stop event)
(let [value (util/evalue event)]
@@ -45,31 +44,28 @@
[{:keys [num duration kind]}]
(let [show? (rum/react *show-repeater?)]
(if (or show? (and num duration kind))
[:div.flex.flex-row.justify-center {:style {:height 32}}
[:div.block.text-medium.mr-2.mt-1 {:style {:width 110}}
"Every"]
[:input#repeater-num.form-input.mt-1
{:style {:width 48}
:default-value num
[:div.w.full.flex.flex-row.justify-left {:style {:height 32}}
[:input#repeater-num.form-input.mt-1.w-8.px-1.sm:w-20.sm:px-2.text-center
{:default-value num
:on-change (fn [event]
(let [value (util/evalue event)]
(swap! *timestamp assoc-in [:repeater :num] value)))}]
(ui/select
(mapv
(fn [item]
(if (= (:label item) duration)
(assoc item :selected "selected")
item))
[{:label "h"}
{:label "d"}
{:label "w"}
{:label "m"}
{:label "y"}])
(fn [value]
(swap! *timestamp assoc-in [:repeater :duration] value))
nil)
(mapv
(fn [item]
(if (= (:label item) duration)
(assoc item :selected "selected")
item))
[{:label "h"}
{:label "d"}
{:label "w"}
{:label "m"}
{:label "y"}])
(fn [value]
(swap! *timestamp assoc-in [:repeater :duration] value))
nil)
[:a.ml-2.self-center {:on-click (fn []
[:a.ml-1.self-center {:on-click (fn []
(reset! *show-repeater? false)
(swap! *timestamp assoc :repeater {}))}
svg/close]]