Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 07:29:08 -05:00
Code Issues Activity

add project placeholder img

Browse source
This commit is contained in:
elhombretecla 2016-11-03 17:03:34 +01:00 • committed by Andrey Antukh
parent fed7d913c5
commit 9d196e7c9f
No known key found for this signature in database
GPG key ID: 4DFEBCB8316A8B95
3 changed files with 135 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

121
resources/public/images/project-placeholder.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

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

@ -95,11 +95,9 @@
flex-direction: column; flex-direction: column;
flex-shrink: 0; flex-shrink: 0;
height: 200px; height: 200px;
justify-content: center;
margin: $medium $medium 0 $medium; margin: $medium $medium 0 $medium;
max-width: 300px; max-width: 300px;
min-width: 260px; min-width: 260px;
padding: $medium;
position: relative; position: relative;
text-align: center; text-align: center;
width: 18%; width: 18%;
@ -107,6 +105,8 @@
&.small-item { &.small-item {
max-width: 12%; max-width: 12%;
min-width: 190px; min-width: 190px;
padding: $medium;
justify-content: center;
} }
.item-info { .item-info {
@ -253,24 +253,11 @@
&.images-th { &.images-th {
background-color: $color-white; background-color: $color-white;
border-bottom: 2px solid lighten($color-gray-light, 12%); border-bottom: 2px solid lighten($color-gray-light, 12%);
justify-content: flex-start;
padding: 0;
&:hover { &:hover {
border-color: $main-ui-color; border-color: $main-ui-color;
} }
.grid-item-th {
background-position: center;
background-size: cover;
border-top-left-radius: $br-medium;
border-top-right-radius: $br-medium;
height: 70%;
position: relative;
width: 100%;
}
} }
.grid-item-image { .grid-item-image {
@ -321,6 +308,16 @@
} }
.grid-item-th {
background-position: center;
background-size: cover;
border-top-left-radius: $br-medium;
border-top-right-radius: $br-medium;
height: 70%;
position: relative;
width: 100%;
}
// MULTISELECT OPTIONS BAR // MULTISELECT OPTIONS BAR
.multiselect-bar { .multiselect-bar {
@include animation(0,.5s,fadeInUp); @include animation(0,.5s,fadeInUp);

2
src/uxbox/main/ui/dashboard/projects.cljs
View file

@ -153,6 +153,8 @@
(dom/stop-propagation event) (dom/stop-propagation event)
(udl/open! :confirm {:on-accept delete}))] (udl/open! :confirm {:on-accept delete}))]
[:div.grid-item.project-th {:on-click on-navigate} [:div.grid-item.project-th {:on-click on-navigate}
[:div.grid-item-th
{:style {:background-image "url('/images/project-placeholder.svg')"}}]
[:div.item-info [:div.item-info
[:h3 (:name project)] [:h3 (:name project)]
[:span.date [:span.date