Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-21 14:26:27 -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; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
flex-grow: 1; flex-grow: 1;
padding: $s-20 $s-20; padding: $s-20 $s-20;
} }
@ -222,7 +221,7 @@
a { a {
color: $da-primary; color: $da-primary;
} }
padding-top: $s-8; padding: $s-8 0;
} }
.close { .close {
position: absolute; position: absolute;
@ -249,8 +248,11 @@
height: $s-200; height: $s-200;
overflow: hidden; overflow: hidden;
border-radius: $br-4; border-radius: $br-4;
@media (max-width: 1200px) {
display: none;
width: 0;
}
} }
img { img {
border-radius: $br-4; border-radius: $br-4;
height: $s-200; height: $s-200;

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

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