Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 18:48:37 -05:00
Code Issues Activity

🐛 Fix hero image space when the screen is small

Browse source
This commit is contained in:
Eva 2024-01-12 10:32:57 +01:00 • committed by Alonso Torres
parent 41bccc7213
commit aeff50ba9f
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/main/ui/dashboard/projects.scss
View file

@ -203,7 +203,6 @@
display: flex;
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
padding: $s-20 $s-20;
}
@ -222,7 +221,7 @@
a {
color: $da-primary;
}
padding-top: $s-8;
padding: $s-8 0;
}
.close {
position: absolute;
@ -249,8 +248,11 @@
height: $s-200;
overflow: hidden;
border-radius: $br-4;
@media (max-width: 1200px) {
display: none;
width: 0;
}
}
img {
border-radius: $br-4;
height: $s-200;

10
frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs
View file

@ -611,7 +611,7 @@
:options animation-opts
:on-change change-animation-type}]]]
;; Direction
;; Direction
(when (ctsi/has-way? interaction)
[:div {:class (stl/css :property-row)}
[:div {:class (stl/css :inputs-wrapper)}
@ -624,7 +624,7 @@
[:& radio-button {:id "animation-way-out"
:value "out"}]]]])
;; Direction
;; Direction
(when (ctsi/has-direction? interaction)
[:div {:class (stl/css :property-row)}
[:div {:class (stl/css :buttons-wrapper)}
@ -648,7 +648,7 @@
:id "animation-up"
:value "up"}]]]])
;; Duration
;; Duration
(when (ctsi/has-duration? interaction)
[:div {:class (stl/css :property-row)}
[:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")]
@ -661,7 +661,7 @@
:value (-> interaction :animation :duration)
:title (tr "workspace.options.interaction-ms")}]]])
;; Easing
;; Easing
(when (ctsi/has-easing? interaction)
[:div {:class (stl/css :property-row)}
[:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-easing")]
@ -672,7 +672,7 @@
:options easing-options
:on-change change-easing}]]])
;; Offset effect
;; Offset effect
(when (ctsi/has-offset-effect? interaction)
[:div {:class (stl/css :property-row)}
[:div {:class (stl/css :checkbox-option)}