Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-15 03:28:25 -05:00
Code Issues Activity

🐛 Fix loading placeholder

Browse source
This commit is contained in:
Eva 2022-10-11 10:05:42 +02:00
parent 0f5ba91f44
commit ea15735372
3 changed files with 13 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -420,6 +420,14 @@
background-color: rgba(227, 227, 227, 0.3); background-color: rgba(227, 227, 227, 0.3);
padding: 13px; padding: 13px;
margin-right: 13px; margin-right: 13px;
&.loader {
justify-items: center;
}
.icon {
display: flex;
align-items: center;
justify-content: center;
}
&.libs { &.libs {
background-image: url(/images/ph-left.svg), url(/images/ph-right.svg); background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
background-position: 15% bottom, 85% top; background-position: 15% bottom, 85% top;

7
frontend/src/app/main/ui/dashboard/libraries.cljs
View file

@ -24,10 +24,11 @@
(let [files-map (mf/deref refs/dashboard-shared-files) (let [files-map (mf/deref refs/dashboard-shared-files)
projects (mf/deref refs/dashboard-projects) projects (mf/deref refs/dashboard-projects)
default-project (->> projects vals (d/seek :is-default)) default-project (->> projects vals (d/seek :is-default))
files (->> (vals files-map) files (if (nil? files-map)
nil
(->> (vals files-map)
(sort-by :modified-at) (sort-by :modified-at)
(reverse) (reverse)))
(not-empty))
components-v2 (features/use-feature :components-v2) components-v2 (features/use-feature :components-v2)

2
frontend/src/app/main/ui/dashboard/placeholder.cljs
View file

@ -35,7 +35,7 @@
(mf/defc loading-placeholder (mf/defc loading-placeholder
[] []
[:div.grid-empty-placeholder [:div.grid-empty-placeholder.loader
[:div.icon i/loader] [:div.icon i/loader]
[:div.text (tr "dashboard.loading-files")]]) [:div.text (tr "dashboard.loading-files")]])