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

formatting

Browse source
This commit is contained in:
Akshay Gupta 2024-08-13 21:44:08 +05:30
parent 66170eb889
commit 46c73fe51f
No known key found for this signature in database
2 changed files with 44 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/app/main/ui/workspace/tokens/sets.cljs
View file

@ -1,14 +1,14 @@
(ns app.main.ui.workspace.tokens.sets (ns app.main.ui.workspace.tokens.sets
(:require-macros [app.main.style :as stl]) (:require-macros [app.main.style :as stl])
(:require (:require
[app.main.ui.icons :as i] [app.common.data.macros :as dm]
[app.main.store :as st]
[app.main.ui.components.title-bar :refer [title-bar]] [app.main.ui.components.title-bar :refer [title-bar]]
[app.main.ui.context :as ctx] [app.main.ui.context :as ctx]
[app.main.store :as st] [app.main.ui.icons :as i]
[app.common.data.macros :as dm]
[app.util.dom :as dom] [app.util.dom :as dom]
[potok.v2.core :as ptk]
[okulary.core :as l] [okulary.core :as l]
[potok.v2.core :as ptk]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
@ -65,13 +65,12 @@
on-click on-click
(mf/use-fn (mf/use-fn
(mf/deps type set-id) (mf/deps type set-id)
#(st/emit! (set-current-set set-id)) #(st/emit! (set-current-set set-id)))]
)]
[:div {:class (stl/css :set-item-container) [:div {:class (stl/css :set-item-container)
:on-click on-click} :on-click on-click}
[:div {:class (stl/css-case :set-item-group (= type :group) [:div {:class (stl/css-case :set-item-group (= type :group)
:set-item-set-selected @selected? :set-item-set-selected @selected?
:set-item-set (and (= type :set ) (not @selected?)))} :set-item-set (and (= type :set) (not @selected?)))}
[:span {:class (stl/css :icon) [:span {:class (stl/css :icon)
:on-click #(when (= type :group) (swap! collapsed? not))} icon] :on-click #(when (= type :group) (swap! collapsed? not))} icon]
[:div {:class (stl/css :set-name)} name] [:div {:class (stl/css :set-name)} name]

8
frontend/src/app/main/ui/workspace/tokens/sets.scss
View file

@ -51,10 +51,10 @@
/*&:hover{ /*&:hover{
box-shadow: 20px 0 0 0 var(--layer-row-background-color-hover); box-shadow: 20px 0 0 0 var(--layer-row-background-color-hover);
}*/ }*/
} }
.set-item-set, .set-item-group { .set-item-set,
.set-item-group {
@include bodySmallTypography; @include bodySmallTypography;
display: flex; display: flex;
align-items: center; align-items: center;
@ -85,12 +85,11 @@
} }
} }
.set-item-set{ .set-item-set {
&:hover { &:hover {
background-color: var(--layer-row-background-color-hover); background-color: var(--layer-row-background-color-hover);
color: var(--layer-row-foreground-color-hover); color: var(--layer-row-foreground-color-hover);
box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover); box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover);
} }
} }
@ -137,7 +136,6 @@
background-color: var(--layer-row-background-color-hover); background-color: var(--layer-row-background-color-hover);
color: var(--layer-row-foreground-color-hover); color: var(--layer-row-foreground-color-hover);
box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover); box-shadow: -100px 0 0 0 var(--layer-row-background-color-hover);
} }
} }
.action-btn { .action-btn {