mirror of
https://github.com/penpot/penpot.git
synced 2025-06-04 06:41:37 +02:00
✨ Review profile dropdown
This commit is contained in:
parent
75b34c9b98
commit
692f84bd14
3 changed files with 12 additions and 4 deletions
|
@ -368,7 +368,7 @@
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
margin: 10px 5px;
|
margin: 10px 5px;
|
||||||
font-size: $fs14;
|
font-size: $fs14;
|
||||||
max-width: 135px;
|
max-width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
@ -378,6 +378,13 @@
|
||||||
width: 25px;
|
width: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
height: 10px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: $small;
|
||||||
|
width: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
left: 15px;
|
left: 15px;
|
||||||
bottom: 45px;
|
bottom: 45px;
|
||||||
|
|
|
@ -154,11 +154,11 @@
|
||||||
border-right: 1px solid $color-gray-40;
|
border-right: 1px solid $color-gray-40;
|
||||||
border-top: 1px solid $color-gray-40;
|
border-top: 1px solid $color-gray-40;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 0.5rem;
|
width: 6px;
|
||||||
height: 0.5rem;
|
height: 6px;
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
top: -1px;
|
top: -1px;
|
||||||
left: -5px;
|
left: -4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -439,6 +439,7 @@
|
||||||
[:div.profile-section {:on-click #(reset! show true)}
|
[:div.profile-section {:on-click #(reset! show true)}
|
||||||
[:img {:src photo}]
|
[:img {:src photo}]
|
||||||
[:span (:fullname profile)]
|
[:span (:fullname profile)]
|
||||||
|
i/arrow-down
|
||||||
|
|
||||||
[:& dropdown {:on-close #(reset! show false)
|
[:& dropdown {:on-close #(reset! show false)
|
||||||
:show @show}
|
:show @show}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue