github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-04 20:09:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎉 Show spinner while loading viewer file

Browse Source
This commit is contained in:
Alejandro Alonso 2022-10-14 13:40:10 +02:00
parent b7d5960ec3
commit 3395fcb697
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/resources/styles/main/partials/viewer.scss
View File

@ -25,6 +25,12 @@
} }
} }
.viewer-loader {
svg#loader-pencil {
fill: $color-gray-50;
}
}
.viewer-section { .viewer-section {
height: calc(100vh - 48px); height: calc(100vh - 48px);
grid-row: 1 / span 2; grid-row: 1 / span 2;

6
frontend/src/app/main/ui/viewer.cljs
View File

@ -534,9 +534,11 @@
(fn [] (fn []
(st/emit! (dv/finalize props))))) (st/emit! (dv/finalize props)))))
(when-let [data (mf/deref refs/viewer-data)] (if-let [data (mf/deref refs/viewer-data)]
(let [key (str (get-in data [:file :id]))] (let [key (str (get-in data [:file :id]))]
[:& viewer {:params props :data data :key key}]))) [:& viewer {:params props :data data :key key}])
[:div.loader-content.viewer-loader
i/loader-pencil]))
(mf/defc breaking-change-notice (mf/defc breaking-change-notice
[] []