Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-18 21:06:11 -05:00
Code Issues Activity

♻️ Update access tokens icons

Browse source
This commit is contained in:
Eva Marco 2024-03-07 12:02:27 +01:00 • committed by Andrey Antukh
parent 47df285500
commit bc04eaa910
2 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/main/ui/settings/access_tokens.cljs
View file

@ -25,6 +25,15 @@
[okulary.core :as l] [okulary.core :as l]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(def ^:private clipboard-icon
(i/icon-xref :clipboard-refactor (stl/css :clipboard-icon)))
(def ^:private close-icon
(i/icon-xref :close-refactor (stl/css :close-icon)))
(def ^:private menu-icon
(i/icon-xref :menu-refactor (stl/css :menu-icon)))
(def tokens-ref (def tokens-ref
(l/derived :access-tokens st/state)) (l/derived :access-tokens st/state))
@ -114,7 +123,8 @@
[:h2 {:class (stl/css :modal-title)} (tr "modals.create-access-token.title")] [:h2 {:class (stl/css :modal-title)} (tr "modals.create-access-token.title")]
[:button {:class (stl/css :modal-close-btn) [:button {:class (stl/css :modal-close-btn)
:on-click on-close} i/close-refactor]] :on-click on-close}
close-icon]]
[:div {:class (stl/css :modal-content)} [:div {:class (stl/css :modal-content)}
[:div {:class (stl/css :fields-row)} [:div {:class (stl/css :fields-row)}
@ -154,7 +164,7 @@
[:button {:title (tr "modals.create-access-token.copy-token") [:button {:title (tr "modals.create-access-token.copy-token")
:class (stl/css :copy-btn) :class (stl/css :copy-btn)
:on-click copy-token} :on-click copy-token}
i/clipboard-refactor]]) clipboard-icon]])
#_(when @created? #_(when @created?
[:button {:class (stl/css :copy-btn) [:button {:class (stl/css :copy-btn)
:title (tr "modals.create-access-token.copy-token") :title (tr "modals.create-access-token.copy-token")
@ -226,7 +236,7 @@
:ref menu-ref :ref menu-ref
:on-click on-menu-click :on-click on-menu-click
:on-key-down on-keydown} :on-key-down on-keydown}
i/actions menu-icon
[:& context-menu-a11y [:& context-menu-a11y
{:on-close on-menu-close {:on-close on-menu-close
:show show? :show show?

14
frontend/src/app/main/ui/settings/access_tokens.scss
View file

@ -64,6 +64,8 @@
align-items: center; align-items: center;
.icon { .icon {
height: 100%;
width: $s-16;
padding-left: $s-12; padding-left: $s-12;
cursor: pointer; cursor: pointer;
} }
@ -100,6 +102,11 @@
} }
} }
.menu-icon {
@extend .button-icon;
stroke: var(--icon-foreground);
}
.dashboard-access-tokens { .dashboard-access-tokens {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -232,9 +239,10 @@
@extend .button-secondary; @extend .button-secondary;
height: $s-28; height: $s-28;
width: $s-28; width: $s-28;
svg { }
@extend .button-icon-small;
} .clipboard-icon {
@extend .button-icon-small;
} }
.token-created-info { .token-created-info {