mirror of
https://github.com/penpot/penpot.git
synced 2025-02-10 00:58:26 -05:00
add message actions to message body
This commit is contained in:
parent
ebbe3e89c1
commit
de242bdc58
2 changed files with 16 additions and 3 deletions
|
@ -93,7 +93,7 @@
|
|||
color: $color-white;
|
||||
&:hover {
|
||||
background: $color-white;
|
||||
color: $color-complete;;
|
||||
color: $color-info-dark;
|
||||
}
|
||||
}
|
||||
.btn-large {
|
||||
|
@ -858,6 +858,7 @@ input[type=range]:focus::-ms-fill-upper {
|
|||
border-bottom: 3px solid transparent;
|
||||
color: $color-white;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 100px;
|
||||
margin: 0 auto;
|
||||
padding: $medium $big;
|
||||
|
@ -891,6 +892,14 @@ input[type=range]:focus::-ms-fill-upper {
|
|||
|
||||
}
|
||||
|
||||
.message-action {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: $medium;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.error {
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
(defn error
|
||||
([message] (error message nil))
|
||||
([message {:keys [timeout] :or {timeout 3000}}]
|
||||
([message {:keys [timeout] :or {timeout 30000}}]
|
||||
(when-let [prev-message @+message+]
|
||||
(abort-timeout! (:timeout-total prev-message))
|
||||
(abort-timeout! (:timeout prev-message)))
|
||||
|
@ -55,7 +55,11 @@
|
|||
[:div.message {:class classes}
|
||||
[:div.message-body
|
||||
[:span.close i/close]
|
||||
[:span (:content message)]]]))))
|
||||
[:span (:content message)]
|
||||
[:div.message-action
|
||||
[:a.btn-transparent.btn-small "Accept"]
|
||||
[:a.btn-transparent.btn-small "Cancel"]
|
||||
]]]))))
|
||||
|
||||
(def ^:const messages
|
||||
(mx/component
|
||||
|
|
Loading…
Add table
Reference in a new issue