diff --git a/frontend/src/app/main/ui/dashboard/grid.cljs b/frontend/src/app/main/ui/dashboard/grid.cljs index 0b19614858..59442337f8 100644 --- a/frontend/src/app/main/ui/dashboard/grid.cljs +++ b/frontend/src/app/main/ui/dashboard/grid.cljs @@ -480,7 +480,8 @@ [:li {:class (stl/css-case :grid-item true :project-thumbnail true :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 :role "button" :title (:name file) diff --git a/frontend/src/app/main/ui/dashboard/grid.scss b/frontend/src/app/main/ui/dashboard/grid.scss index 448600c835..97291f6002 100644 --- a/frontend/src/app/main/ui/dashboard/grid.scss +++ b/frontend/src/app/main/ui/dashboard/grid.scss @@ -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 { align-items: center; display: flex; @@ -328,7 +334,7 @@ $thumbnail-default-height: px2rem(168); // ─── LIBRARY ─────────────────────────────────── .library-thumbnail { - border-radius: $br-4; + border-radius: $br-8; position: relative; overflow: hidden; background-color: var(--color-background-tertiary);