3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 22:38:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2155 from penpot/eva-onboarding-team-up

Browse source 
🎉 Eva onboarding team up
This commit is contained in:
Alejandro 2022-08-11 09:24:29 +02:00 • committed by GitHub
commit 0b9546c541
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 162 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/resources/images/deco-team-banner.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

28
frontend/resources/styles/main/partials/dashboard-team.scss
View file

@ -1,11 +1,16 @@
.dashboard-invite-modal {
top: 65px;
top: 72px;
right: 13px;
padding: 14px;
padding: 32px;
box-shadow: 0px 4px 8px rgba($color-black, 0.25);
border-radius: 8px;
width: 500px;
width: 400px;
position: fixed;
z-index: 16;
&.hero {
top: 218px;
right: 35px;
}
form {
width: 100%;
@ -13,13 +18,18 @@
.form-row {
display: flex;
flex-direction: row;
margin: 15px 0px;
justify-content: space-between;
margin: 4px 0px;
.label {
margin-bottom: 0;
display: flex;
align-items: center;
}
}
.custom-input {
width: 314px;
margin-right: 10px;
width: 100%;
height: 115px;
}
.custom-select {
@ -33,7 +43,7 @@
.action-buttons {
display: flex;
justify-content: center;
margin-top: 16px;
input[type="submit"] {
margin-bottom: 0px;
}
@ -41,6 +51,8 @@
.title {
color: $color-black;
font-weight: bold;
margin-bottom: 16px;
}
.hint {

57
frontend/resources/styles/main/partials/dashboard.scss
View file

@ -4,6 +4,63 @@
//
// Copyright (c) UXBOX Labs SL
.team-hero {
display: flex;
position: relative;
border: 2px solid $color-gray-10;
border-radius: 8px;
padding: 20px;
margin: 0 1rem 0 21px;
height: 154px;
.text {
flex-grow: 1;
padding-left: 20px;
.title {
font-size: $fs24;
font-weight: bold;
color: $color-black;
}
.info {
span {
color: $color-gray-30;
display: block;
}
padding-top: 10px;
}
}
.close {
position: absolute;
top: 20px;
right: 20px;
background-color: transparent;
border: none;
cursor: pointer;
svg {
transform: rotate(45deg);
width: 16px;
height: 16px;
}
}
.invite {
background-color: $color-primary;
color: $color-black;
width: 180px;
height: 40px;
border: none;
align-self: flex-end;
cursor: pointer;
}
img {
width: 274px;
margin-bottom: -41px;
@media (max-width: 1200px) {
display: none;
width: 0;
}
}
}
.dashboard-container {
background-color: $color-dashboard;
flex: 1 0 0;