Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 09:08:31 -05:00
Code Issues Activity

add new confirm dialog styles

Browse source
This commit is contained in:
elhombretecla 2016-04-25 19:27:51 +02:00
parent c7801a793c
commit 483043202a
3 changed files with 22 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/styles/framework.scss
View file

@ -69,10 +69,9 @@
.btn-gray {
@extend %btn;
background: $color-gray;
color: $color-gray-dark;
color: $color-white;
&:hover {
background: $color-gray-dark;
color: $color-gray-darker;
}
}

10
resources/styles/partials/lightbox.scss
View file

@ -195,7 +195,11 @@
}
// Project Settings
.settings {
// Confirm dialog
.confirm-dialog {
.btn-gray,
.btn-success,
.btn-delete {
margin: 2rem 1rem 0 1rem;
}
}

23
src/uxbox/ui/confirm.cljs
View file

@ -26,15 +26,20 @@
(on-cancel (dissoc ctx :on-accept :on-cancel))))]
(html
[:div.lightbox-body.confirm-dialog
[:span "HERE"]
[:input
{:type "button"
:value "Ok"
:on-click accept}]
[:input
{:type "button"
:value "Cancel"
:on-click cancel}]])))
[:h3 "Are you sure?"]
[:span "You're going to delete __PAGENAME__"]
[:div.row-flex
[:input.btn-success.btn-small
{:type "button"
:value "Ok"
:on-click accept}]
[:input.btn-delete.btn-small
{:type "button"
:value "Cancel"
:on-click cancel}]]
[:a.close {:href "#"
:on-click #(do (dom/prevent-default %)
(udl/close!))} i/close]])))
(def confirm-dialog
(mx/component