From 1b8871df8e3f04183212a72be967c37e8dbc7881 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marina=20L=C3=B3pez?= Date: Fri, 13 Mar 2026 12:29:48 +0100 Subject: [PATCH] :sparkles: Update image nitrate modal --- .../images/assets/nitrate-welcome.svg | 52 +++++++++++++++++++ .../ui/ds/foundations/assets/raw_svg.cljs | 1 + frontend/src/app/main/ui/icons.cljs | 1 + .../src/app/main/ui/nitrate/nitrate_form.cljs | 2 +- .../src/app/main/ui/nitrate/nitrate_form.scss | 12 +++-- .../app/main/ui/settings/subscription.scss | 2 +- 6 files changed, 65 insertions(+), 5 deletions(-) create mode 100644 frontend/resources/images/assets/nitrate-welcome.svg diff --git a/frontend/resources/images/assets/nitrate-welcome.svg b/frontend/resources/images/assets/nitrate-welcome.svg new file mode 100644 index 0000000000..18ced86fa1 --- /dev/null +++ b/frontend/resources/images/assets/nitrate-welcome.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs b/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs index 428d582e97..e744cfe292 100644 --- a/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs +++ b/frontend/src/app/main/ui/ds/foundations/assets/raw_svg.cljs @@ -20,6 +20,7 @@ (def ^:svg-id logo-error-screen "logo-error-screen") (def ^:svg-id logo-subscription "logo-subscription") (def ^:svg-id logo-subscription-light "logo-subscription-light") +(def ^:svg-id nitrate-welcome "nitrate-welcome") (def ^:svg-id marketing-arrows "marketing-arrows") (def ^:svg-id marketing-exchange "marketing-exchange") (def ^:svg-id marketing-file "marketing-file") diff --git a/frontend/src/app/main/ui/icons.cljs b/frontend/src/app/main/ui/icons.cljs index f5ca0d9117..1cc3569881 100644 --- a/frontend/src/app/main/ui/icons.cljs +++ b/frontend/src/app/main/ui/icons.cljs @@ -19,6 +19,7 @@ (def ^:icon logo-error-screen (icon-xref :logo-error-screen)) (def ^:icon logo-subscription (icon-xref :logo-subscription)) (def ^:icon logo-subscription-light (icon-xref :logo-subscription-light)) +(def ^:icon nitrate-welcome (icon-xref :nitrate-welcome)) (def ^:icon brand-openid (icon-xref :brand-openid)) (def ^:icon brand-github (icon-xref :brand-github)) diff --git a/frontend/src/app/main/ui/nitrate/nitrate_form.cljs b/frontend/src/app/main/ui/nitrate/nitrate_form.cljs index de55959c6f..6e763a1568 100644 --- a/frontend/src/app/main/ui/nitrate/nitrate_form.cljs +++ b/frontend/src/app/main/ui/nitrate/nitrate_form.cljs @@ -45,7 +45,7 @@ [:div {:class (stl/css :modal-success-content)} [:div {:class (stl/css :modal-start)} ;; TODO this svg is a placeholder. Use the proper one when created - [:> raw-svg* {:id "logo-subscription"}]] + [:> raw-svg* {:id "nitrate-welcome"}]] [:div {:class (stl/css :modal-end)} [:div {:class (stl/css :modal-title)} diff --git a/frontend/src/app/main/ui/nitrate/nitrate_form.scss b/frontend/src/app/main/ui/nitrate/nitrate_form.scss index bc48fe7a6d..bb2cfe2475 100644 --- a/frontend/src/app/main/ui/nitrate/nitrate_form.scss +++ b/frontend/src/app/main/ui/nitrate/nitrate_form.scss @@ -19,7 +19,13 @@ .modal-dialog { @extend .modal-container-base; max-block-size: initial; - min-inline-size: px2rem(648); + min-inline-size: px2rem(1021); + padding: px2rem(80); + + @media (max-width: 1024px) { + min-inline-size: px2rem(712); + padding: var(--sp-xxxl); + } } .close-btn { @@ -66,14 +72,14 @@ .modal-start { display: flex; justify-content: center; - max-inline-size: $sz-224; + min-inline-size: $sz-284; svg { inline-size: 100%; block-size: auto; } - @media (max-inline-size: 992px) { + @media (max-width: 992px) { display: none; } } diff --git a/frontend/src/app/main/ui/settings/subscription.scss b/frontend/src/app/main/ui/settings/subscription.scss index f98c1caef3..7355b3e109 100644 --- a/frontend/src/app/main/ui/settings/subscription.scss +++ b/frontend/src/app/main/ui/settings/subscription.scss @@ -270,7 +270,7 @@ block-size: auto; } - @media (max-inline-size: 992px) { + @media (max-width: 992px) { display: none; } }