3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-07 07:11:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Improved dashboard thumbnails

Browse source
This commit is contained in:
alonso.torres 2023-12-12 10:05:53 +01:00
parent 5522430afe
commit 030ff398ed
9 changed files with 90 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/main/ui/hooks.cljs
View file

@ -367,13 +367,17 @@
limit (mth/max 1 limit)
th-size (when width
(- (/ (- width 32 (* (dec limit) 24)) limit) 12))]
(mth/floor (- (/ (- width 32 (* (dec limit) 24)) limit) 12)))
;; Need an even value
th-size (if (odd? (int th-size)) (- th-size 1) th-size)]
(mf/with-effect
[th-size]
(when th-size
(let [node (mf/ref-val rowref)]
(.setProperty (.-style node) "--th-width" (str th-size "px")))))
(.setProperty (.-style node) "--th-width" (str th-size "px"))
(.setProperty (.-style node) "--th-height" (str (mth/ceil (* th-size (/ 2 3))) "px")))))
(mf/with-effect []
(let [node (mf/ref-val rowref)