github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-26 06:39:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix libraries grid layout (#11226)

Browse Source
This commit is contained in:
Eva Marco 2026-08-12 13:20:07 +02:00 committed by GitHub
parent 732162e720
commit e5c80edbf3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/main/ui/dashboard/grid.cljs
View File

@ -480,7 +480,8 @@
[:li {:class (stl/css-case :grid-item true [:li {:class (stl/css-case :grid-item true
:project-thumbnail true :project-thumbnail true
:library-item library-view?)} :library-item library-view?)}
[:div {:class (stl/css-case :is-selected selected?) [:div {:class (stl/css-case :is-selected selected?
:grid-item-button true)
:ref node-ref :ref node-ref
:role "button" :role "button"
:title (:name file) :title (:name file)

8
frontend/src/app/main/ui/dashboard/grid.scss
View File

@ -180,6 +180,12 @@ $thumbnail-default-height: px2rem(168);
} }
} }
.grid-item-button {
inline-size: 100%;
block-size: 100%;
padding: 0 px2rem(6);
}
.project-thumbnail-actions { .project-thumbnail-actions {
align-items: center; align-items: center;
display: flex; display: flex;
@ -328,7 +334,7 @@ $thumbnail-default-height: px2rem(168);
// ─── LIBRARY ─────────────────────────────────── // ─── LIBRARY ───────────────────────────────────
.library-thumbnail { .library-thumbnail {
border-radius: $br-4; border-radius: $br-8;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background-color: var(--color-background-tertiary); background-color: var(--color-background-tertiary);