mirror of
https://github.com/penpot/penpot.git
synced 2025-03-13 00:01:51 -05:00
🐛 Fix spacing in prototype tab empty state
This commit is contained in:
parent
a8a784bea4
commit
df99ca55f8
3 changed files with 10 additions and 4 deletions
|
@ -62,7 +62,8 @@
|
||||||
@include flexColumn;
|
@include flexColumn;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
gap: $s-8;
|
gap: $s-12;
|
||||||
|
margin-right: $s-8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.placeholder-icon {
|
.placeholder-icon {
|
||||||
|
|
|
@ -27,11 +27,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-content {
|
.help-content {
|
||||||
padding: $s-20;
|
padding: $s-32 0;
|
||||||
|
width: $s-200;
|
||||||
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-group {
|
.help-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
margin-bottom: $s-40;
|
margin-bottom: $s-40;
|
||||||
|
gap: $s-12;
|
||||||
}
|
}
|
||||||
|
|
||||||
.interactions-help-icon {
|
.interactions-help-icon {
|
||||||
|
@ -40,7 +46,6 @@
|
||||||
height: $s-48;
|
height: $s-48;
|
||||||
border-radius: $br-circle;
|
border-radius: $br-circle;
|
||||||
background-color: var(--pill-background-color);
|
background-color: var(--pill-background-color);
|
||||||
margin: 0 auto $s-12 auto;
|
|
||||||
svg {
|
svg {
|
||||||
@extend .button-icon;
|
@extend .button-icon;
|
||||||
stroke: var(--icon-foreground);
|
stroke: var(--icon-foreground);
|
||||||
|
|
|
@ -218,7 +218,7 @@
|
||||||
:class (stl/css :title-spacing-sitemap)}
|
:class (stl/css :title-spacing-sitemap)}
|
||||||
|
|
||||||
(if ^boolean read-only?
|
(if ^boolean read-only?
|
||||||
[:di {:class (stl/css :view-only-mode)}
|
[:div {:class (stl/css :view-only-mode)}
|
||||||
(tr "labels.view-only")]
|
(tr "labels.view-only")]
|
||||||
[:button {:class (stl/css :add-page)
|
[:button {:class (stl/css :add-page)
|
||||||
:on-click on-create}
|
:on-click on-create}
|
||||||
|
|
Loading…
Add table
Reference in a new issue