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

💄 Style changes to the plugins modal

Browse source
This commit is contained in:
alonso.torres 2024-06-07 09:47:36 +02:00 • committed by Andrey Antukh
parent 411fe5448b
commit 4d4a3a512d
3 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/main/ui/workspace/plugins.cljs
View file

@ -9,6 +9,7 @@
(:require
[app.common.data :as d]
[app.common.data.macros :as dm]
[app.common.uuid :as uuid]
[app.main.data.modal :as modal]
[app.main.ui.components.search-bar :refer [search-bar]]
[app.main.ui.components.title-bar :refer [title-bar]]
@ -70,15 +71,16 @@
(.setItem ls "plugins" plugins-val)))
(defn open-plugin!
[{:keys [name description host code icon permissions]}]
[{:keys [plugin-id name description host code icon permissions]}]
(.ɵloadPlugin
js/window #js
{:name name
:description description
:host host
:code code
:icon icon
:permissions (apply array permissions)}))
{:pluginId plugin-id
:name name
:description description
:host host
:code code
:icon icon
:permissions (apply array permissions)}))
(mf/defc plugin-management-dialog
{::mf/register modal/components
@ -124,10 +126,12 @@
icon (obj/get body "icon")
permissions (obj/get body "permissions")
origin (obj/get (js/URL. plugin-url) "origin")
plugin-id (str (uuid/next))
new-state
(conj plugins-state
{:name name
{:plugin-id plugin-id
:name name
:description desc
:host origin
:code code

13
frontend/src/app/main/ui/workspace/plugins.scss
View file

@ -14,8 +14,6 @@
@extend .modal-container-base;
display: grid;
grid-template-rows: auto 1fr;
height: $s-472;
max-height: $s-472;
width: $s-472;
max-width: $s-472;
@ -43,7 +41,7 @@
display: flex;
flex-direction: column;
height: $s-380;
padding-bottom: $s-16;
max-height: $s-380;
}
.primary-button {
@ -133,7 +131,9 @@
flex-direction: column;
align-items: center;
gap: $s-20;
margin-top: $s-16;
height: 100%;
justify-content: center;
padding: $s-36 0;
}
.plugins-empty-logo {
@ -148,9 +148,8 @@
svg {
width: $s-16;
height: $s-16;
fill: none;
stroke: $df-secondary;
stroke-width: 0.8px;
fill: $df-secondary;
stroke-width: 0;
}
}