feat: initial implementation of responsive app panes (#1198)

2022-07-04 21:20:28 +05:30
parent 38725daeb9
commit 21ea2ec7a1
20 changed files with 336 additions and 186 deletions
--- a/packages/web/src/stylesheets/_editor.scss
+++ b/packages/web/src/stylesheets/_editor.scss
@@ -74,10 +74,13 @@ $heading-height: 75px;
    font-size: calc(var(--sn-stylekit-base-font-size) - 2px);
    text-transform: none;
    font-weight: normal;
-    text-align: right;
+
+    @media screen and (min-width: 768px) {
+      text-align: right;
+    }

    .desc,
-    .message:not(.warning):not(.danger) {
+    .message:not(.warning):not(.text-danger) {
      opacity: 0.35;
    }
  }