Fix padding in room header

2022-04-24 16:17:26 +05:30
parent ed8eca0c1d
commit 74216f75e2
4 changed files with 11 additions and 8 deletions
--- a/src/app/organisms/room/RoomView.scss
+++ b/src/app/organisms/room/RoomView.scss
@@ -1,4 +1,6 @@
@use '../../partials/flex';
+@use '../../partials/screen';
+@use '../../partials/dir';

 .room-view {
  @extend .cp-fx__column;
@@ -18,6 +20,12 @@
    box-shadow: var(--bs-popup);
  }

+  & .header {
+    @include screen.smallerThan(mobileBreakpoint) {
+      padding: 0 var(--sp-tight);
+    }
+  }
+
  &__content-wrapper {
    @extend .cp-fx__item-one;
    @extend .cp-fx__column;