🐛 Fix buttons appearance in the feedback form

This commit is contained in:
Belén Albeza 2024-01-09 14:24:02 +01:00
parent 5c2bdfcefe
commit fa99d9aaed
4 changed files with 12 additions and 4 deletions

View file

@ -80,6 +80,7 @@
[:> fm/submit-button*
{:label (if @loading (tr "labels.sending") (tr "labels.send"))
:class (stl/css :feedback-button-link)
:disabled @loading}]
[:hr]
@ -88,7 +89,7 @@
[:p {:class (stl/css :field-text)} (tr "feedback.discourse-subtitle1")]
[:a
{:class (stl/css :btn-secondary :btn-large)
{:class (stl/css :feedback-button-link)
:href "https://community.penpot.app"
:target "_blank"}
(tr "feedback.discourse-go-to")]
@ -98,7 +99,7 @@
[:p {:class (stl/css :field-text)} (tr "feedback.twitter-subtitle1")]
[:a
{:class (stl/css :btn-secondary :btn-large)
{:class (stl/css :feedback-button-link)
:href "https://twitter.com/penpotapp"
:target "_blank"}
(tr "feedback.twitter-go-to")]]))

View file

@ -23,3 +23,7 @@
}
}
}
.feedback-button-link {
@extend .button-primary;
}

View file

@ -11,7 +11,7 @@
width: 100%;
justify-content: center;
align-items: center;
a {
a:not(.button-primary) {
color: $df-secondary;
}
}
@ -211,7 +211,7 @@
text-transform: uppercase;
}
a {
a:not(.button-primary) {
&:hover {
text-decoration: underline;
}