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

💄 UI structure redesign

Browse source
This commit is contained in:
Eva 2023-07-31 07:33:47 +02:00 • committed by Alejandro Alonso
parent 1bb3a3a084
commit 28a06c99b5
97 changed files with 2194 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

57
frontend/src/app/main/ui/workspace.cljs
View file

@ -112,15 +112,21 @@
[:& left-toolbar {:layout layout}]
(if (:collapse-left-sidebar layout)
[:& collapsed-button]
[:& left-sidebar {:layout layout}])
[:& left-sidebar {:layout layout
:file file
:page-id page-id}])
[:& right-sidebar {:section options-mode
:selected selected
:layout layout}]])]))
:layout layout
:file file
:page-id page-id}]])]))
(mf/defc workspace-loader
[]
[:div.workspace-loader
i/loader-pencil])
(let [new-css-system (mf/use-ctx ctx/new-css-system)]
[:div {:class (if new-css-system (css :workspace-loader)
(dom/classnames :workspace-loader true))}
i/loader-pencil]))
(mf/defc workspace-page
{::mf/wrap-props false}
@ -195,23 +201,36 @@
[:& (mf/provider ctx/components-v2) {:value components-v2?}
[:& (mf/provider ctx/new-css-system) {:value new-css-system}
[:& (mf/provider ctx/workspace-read-only?) {:value read-only?}
[:section#workspace {:class (when new-css-system (css :workspace))
:style {:background-color background-color
:touch-action "none"}}
(when (not (:hide-ui layout))
[:& header {:file file
:page-id page-id
:project project
:layout layout}])
(if new-css-system
[:section#workspace-refactor {:class (css :workspace)
:style {:background-color background-color
:touch-action "none"}}
[:& context-menu]
[:& context-menu]
(if ^boolean file-ready?
[:& workspace-page {:page-id page-id
:file file
:wglobal wglobal
:layout layout}]
[:& workspace-loader])]
(if ^boolean file-ready?
[:& workspace-page {:page-id page-id
:file file
:wglobal wglobal
:layout layout}]
[:& workspace-loader])]]]]]]]]))
[:section#workspace {:style {:background-color background-color
:touch-action "none"}}
(when (not (:hide-ui layout))
[:& header {:file file
:page-id page-id
:project project
:layout layout}])
[:& context-menu]
(if ^boolean file-ready?
[:& workspace-page {:page-id page-id
:file file
:wglobal wglobal
:layout layout}]
[:& workspace-loader])])]]]]]]]))
(mf/defc remove-graphics-dialog
{::mf/register modal/components