Add headlines to confirmation modals

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2021-12-30 17:38:57 +01:00 · 2021-12-30 17:38:57 +01:00 · 809b875ae3
commit 809b875ae3
parent 52dabed829
15 changed files with 24 additions and 0 deletions
--- a/app/soapbox/actions/moderation.js
+++ b/app/soapbox/actions/moderation.js
--- a/app/soapbox/components/modal_root.js
+++ b/app/soapbox/components/modal_root.js
--- a/app/soapbox/containers/account_container.js
+++ b/app/soapbox/containers/account_container.js
--- a/app/soapbox/containers/domain_container.js
+++ b/app/soapbox/containers/domain_container.js
--- a/app/soapbox/containers/status_container.js
+++ b/app/soapbox/containers/status_container.js
--- a/app/soapbox/features/account_timeline/containers/header_container.js
+++ b/app/soapbox/features/account_timeline/containers/header_container.js
--- a/app/soapbox/features/auth_login/components/registration_form.js
+++ b/app/soapbox/features/auth_login/components/registration_form.js
--- a/app/soapbox/features/list_timeline/index.js
+++ b/app/soapbox/features/list_timeline/index.js
--- a/app/soapbox/features/notifications/containers/column_settings_container.js
+++ b/app/soapbox/features/notifications/containers/column_settings_container.js
--- a/app/soapbox/features/status/containers/detailed_status_container.js
+++ b/app/soapbox/features/status/containers/detailed_status_container.js
--- a/app/soapbox/features/status/index.js
+++ b/app/soapbox/features/status/index.js
--- a/app/soapbox/features/ui/components/compose_modal.js
+++ b/app/soapbox/features/ui/components/compose_modal.js
--- a/app/soapbox/features/ui/components/confirmation_modal.js
+++ b/app/soapbox/features/ui/components/confirmation_modal.js
--- a/app/soapbox/features/ui/components/mute_modal.js
+++ b/app/soapbox/features/ui/components/mute_modal.js
--- a/app/styles/components/modal.scss
+++ b/app/styles/components/modal.scss
@ -968,3 +968,27 @@
    margin-bottom: 0;
  }
 }
+
+.confirmation-modal,
+.mute-modal {
+  &__header {
+    display: flex;
+    align-items: center;
+    column-gap: 6px;
+    padding: 20px;
+    padding-bottom: 0;
+    font-size: 22px;
+
+    .svg-icon {
+      height: 24px;
+      width: 24px;
+      color: var(--primary-text-color);
+      opacity: 0.6;
+    }
+  }
+
+  &__container {
+    padding: 20px;
+    text-align: left;
+  }
+}