diff --git a/src/images/photos.svg b/src/images/photos.svg new file mode 100644 index 0000000..acf15ad --- /dev/null +++ b/src/images/photos.svg @@ -0,0 +1 @@ + diff --git a/src/styles/admin-circles/_index.scss b/src/styles/admin-circles/_index.scss index 7752f3d..ad0c607 100644 --- a/src/styles/admin-circles/_index.scss +++ b/src/styles/admin-circles/_index.scss @@ -176,6 +176,10 @@ background-size: cover; } } + + .picture-empty { + display: none; + } } .communities-map { @@ -343,6 +347,42 @@ } } } + + @media (min-width: 768.01px) { + + .communities-profile-picture { + + .picture-empty { + display: flex; + justify-content: center; + align-items: center; + + object { + height: 100px; + width: 100px; + object-fit: cover; + object-position: center; + } + } + + &:nth-child(2)>.picture-empty { + background: #E4E9F1; + + svg { + fill: #D0D4DA; + } + } + + &:nth-child(1)>.picture-empty, + &:nth-child(3)>.picture-empty { + background: #E9F2FF; + + svg { + fill: #D7E2F3; + } + } + } + } .flex { display: flex; diff --git a/src/views/partials/widgets.pug b/src/views/partials/widgets.pug index ee38e84..37ca813 100644 --- a/src/views/partials/widgets.pug +++ b/src/views/partials/widgets.pug @@ -27,6 +27,7 @@ include widgets/hubl-communities-edit-email.pug include widgets/hubl-communities-edit-website.pug include widgets/hubl-communities-logo.pug include widgets/hubl-communities-map-fix-url-name.pug +include widgets/hubl-communities-profile-picture.pug include widgets/hubl-communities-profile-email.pug include widgets/hubl-communities-profile-facebook.pug include widgets/hubl-communities-profile-instagram.pug diff --git a/src/views/partials/widgets/hubl-communities-profile-picture.pug b/src/views/partials/widgets/hubl-communities-profile-picture.pug index c470f50..06c73d4 100644 --- a/src/views/partials/widgets/hubl-communities-profile-picture.pug +++ b/src/views/partials/widgets/hubl-communities-profile-picture.pug @@ -1,3 +1,3 @@ if componentSet.has('communities') && getRoute('communities') solid-widget(name='hubl-communities-profile-picture') - template ${value != "" ? `
` : `
`} + template ${value != "" ? `
` : `
`}