fix: button width and text not matching (#43380)
This commit is contained in:
@ -35,6 +35,11 @@
|
|||||||
animation: success-icon-animation 150ms linear 100ms forwards;
|
animation: success-icon-animation 150ms linear 100ms forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.challenge-success-modal .btn-cta-big {
|
||||||
|
max-width: 100%;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes success-icon-animation {
|
@keyframes success-icon-animation {
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
@ -95,9 +100,12 @@
|
|||||||
|
|
||||||
@media screen and (max-width: 991px) {
|
@media screen and (max-width: 991px) {
|
||||||
.challenge-success-modal .btn-lg {
|
.challenge-success-modal .btn-lg {
|
||||||
font-size: 16px;
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
.challenge-success-modal .btn-cta-big {
|
||||||
|
max-width: 100%;
|
||||||
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.completion-modal-body {
|
.completion-modal-body {
|
||||||
min-height: 340px;
|
min-height: 340px;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user