Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-24 07:46:13 -05:00
Code Issues Activity

add new export lightbox layout

Browse source
This commit is contained in:
elhombretecla 2016-08-25 19:13:42 +02:00
parent e95c1c76c0
commit 6d1661c773
2 changed files with 82 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
resources/styles/main/partials/lightbox.scss
View file

@ -99,6 +99,11 @@
min-width: 120px;
}
// Export dialog
&.export-dialog {
width: auto;
}
}
}
@ -207,3 +212,57 @@
margin: 2rem 1rem 0 1rem;
}
}
// Export dialog
.content-col {
align-items: center;
border-right: 1px solid $soft-ui-border;
display: flex;
flex-direction: column;
flex: 300px;
height: 450px;
padding: 2rem;
&:first-child{
padding-left: 1rem;
}
&:last-child {
border: none;
padding-right: 1rem;
}
.icon {
align-items: center;
background-color: $soft-ui-icons;
border-radius: $br-medium;
display: flex;
flex-shrink: 0;
height: 120px;
justify-content: center;
width: 120px;
svg {
fill: $medium-ui-icons;
height: 50px;
width: 50px;
}
}
.title {
font-size: $fs20;
font-weight: 500;
margin: 1rem 0;
}
.info {
font-size: $fs16;
text-align: center;
}
.btn-primary {
margin-top: auto !important;
}
}

26
src/uxbox/main/ui/workspace/download.cljs
View file

@ -29,9 +29,29 @@
(defn- download-dialog-render
[own]
(html
[:div.lightbox-body.settings
[:h3 "Download Dialog"]
[:p "Content here"]
[:div.lightbox-body.export-dialog
[:h3 "Export options"]
[:div.row-flex
[:div.content-col
[:span.icon i/trash]
[:span.title "Export page"]
[:p.info "Get a single page of your project in SVG."]
[:select.input-select
[:option "Choose a page"]
[:option "Page 001"]
[:option "Page 002"]
[:option "Page 003"]]
[:a.btn-primary {:href "#"} "Export page"]]
[:div.content-col
[:span.icon i/trash]
[:span.title "Export project"]
[:p.info "Get the whole project as a ZIP file."]
[:a.btn-primary {:href "#"} "Expor project"]]
[:div.content-col
[:span.icon i/trash]
[:span.title "Export as HTML"]
[:p.info "Get your project as HTML."]
[:a.btn-primary {:href "#"} "Export HTML"]]]
[:a.close {:href "#"
:on-click #(do (dom/prevent-default %)
(udl/close!))} i/close]]))