3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-01 04:51:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 add new css changes

Browse source
This commit is contained in:
Elhombretecla 2022-09-28 15:54:58 +02:00 • committed by Eva
parent 4378d71b70
commit 80f49e06cc
4 changed files with 44 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -103,8 +103,8 @@
h3 { h3 {
border: 1px solid transparent; border: 1px solid transparent;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs16; font-size: $fs14;
font-weight: 400; font-weight: 500;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
height: 27px; height: 27px;
@ -120,7 +120,7 @@
} }
span.date { span.date {
color: $color-gray-20; color: $color-gray-30;
font-size: $fs14; font-size: $fs14;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -146,10 +146,10 @@
.item-badge { .item-badge {
background-color: $color-white; background-color: $color-white;
border: 1px solid $color-gray-20; border: 1px solid $color-gray-20;
border-radius: 4px; border-radius: 2px;
position: absolute; position: absolute;
top: $size-1; top: $size-2;
right: $size-1; right: $size-2;
height: 32px; height: 32px;
width: 32px; width: 32px;
display: flex; display: flex;
@ -197,7 +197,7 @@
.project-th-actions { .project-th-actions {
align-items: center; align-items: center;
bottom: 2px; bottom: 14px;
opacity: 0; opacity: 0;
display: flex; display: flex;
right: 5px; right: 5px;
@ -444,10 +444,11 @@
.create-new { .create-new {
background-color: white; background-color: white;
border: 2px solid $color-gray-10; border: 2px solid $color-gray-10;
height: 158px;
cursor: pointer;
color: $color-black;
border-radius: 3px; border-radius: 3px;
color: $color-black;
cursor: pointer;
height: 158px;
font-family: "worksans", sans-serif;
margin: 0.5rem; margin: 0.5rem;
&:hover { &:hover {
border: 2px solid $color-primary; border: 2px solid $color-primary;

2
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -377,7 +377,7 @@
span { span {
@include text-ellipsis; @include text-ellipsis;
color: $color-black; color: $color-black;
margin: 10px 5px; margin: 10px;
font-size: $fs14; font-size: $fs14;
max-width: 160px; max-width: 160px;
} }

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

@ -43,9 +43,10 @@
} }
} }
.invite { .invite {
width: 180px;
height: 40px;
align-self: flex-end; align-self: flex-end;
height: 40px;
font-family: "worksans", sans-serif;
width: 180px;
} }
img { img {
width: 274px; width: 274px;
@ -200,7 +201,7 @@
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
min-height: 32px; min-height: 32px;
margin-left: 13px; margin-left: $size-2;
} }
.show-more { .show-more {
align-items: center; align-items: center;
@ -245,10 +246,11 @@
} }
.info { .info {
font-size: $fs16; font-size: $fs14;
line-height: 1rem; line-height: 1rem;
font-weight: unset; font-weight: 400;
color: $color-gray-30; color: $color-gray-60;
margin-left: .75rem;
} }
.project-actions { .project-actions {
@ -256,8 +258,9 @@
margin-left: $size-6; margin-left: $size-6;
.btn-small { .btn-small {
padding: $size-2; height: 32px;
margin: 0 $size-2; margin: 0 $size-2;
width: 32px;
} }
} }
@ -287,9 +290,10 @@
} }
.recent-files-row-title-info { .recent-files-row-title-info {
color: $color-gray-30; color: $color-gray-60;
line-height: 1rem; line-height: 1rem;
font-size: $fs16; font-size: $fs14;
font-weight: 400;
} }
.dashboard-table { .dashboard-table {
@ -453,8 +457,12 @@
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: $color-black; color: $color-black;
margin-left: 20px; margin-left: 18px;
margin-right: 10px; margin-right: 10px;
&.icon {
margin-left: 10px;
margin-right: 16px;
}
} }
svg { svg {
width: 12px; width: 12px;

23
frontend/src/app/main/ui/dashboard/sidebar.cljs
View file

@ -204,7 +204,7 @@
i/search])])) i/search])]))
(mf/defc teams-selector-dropdown (mf/defc teams-selector-dropdown
[{:keys [profile] :as props}] [{:keys [team profile] :as props}]
(let [teams (mf/deref refs/teams) (let [teams (mf/deref refs/teams)
on-create-clicked on-create-clicked
@ -221,18 +221,23 @@
[:hr] [:hr]
[:li.team-name {:on-click (partial team-selected (:default-team-id profile))} [:li.team-name {:on-click (partial team-selected (:default-team-id profile))}
[:span.team-icon i/logo-icon] [:span.team-icon i/logo-icon]
[:span.team-text (tr "dashboard.your-penpot")]] [:span.team-text (tr "dashboard.your-penpot")]
(when (= (:default-team-id profile) (:id team))
[:span.icon i/tick])]
(for [team (remove :is-default (vals teams))] (for [team-item (remove :is-default (vals teams))]
[:li.team-name {:on-click (partial team-selected (:id team)) [:li.team-name {:on-click (partial team-selected (:id team-item))
:key (dm/str (:id team))} :key (dm/str (:id team-item))}
[:span.team-icon [:span.team-icon
[:img {:src (cf/resolve-team-photo-url team)}]] [:img {:src (cf/resolve-team-photo-url team-item)}]]
[:span.team-text {:title (:name team)} (:name team)]]) [:span.team-text {:title (:name team-item)} (:name team-item)]
(when (= (:id team-item) (:id team))
[:span.icon i/tick])])
[:hr] [:hr]
[:li.action {:on-click on-create-clicked :data-test "create-new-team"} [:li.team-name.action {:on-click on-create-clicked :data-test "create-new-team"}
(tr "dashboard.create-new-team")]])) [:span.team-icon i/close]
[:span.team-text (tr "dashboard.create-new-team")]]]))
(s/def ::member-id ::us/uuid) (s/def ::member-id ::us/uuid)
(s/def ::leave-modal-form (s/def ::leave-modal-form