fix: janky sidebar animation (#1726)

2021-06-18 11:26:27 +05:00
parent 6a6754c7da
commit 2e1c0ae77a
2 changed files with 29 additions and 14 deletions
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -727,11 +727,13 @@ section {
 }

 .inner-right {
+  --width: 33%;
+  --ml: 1rem;
  @apply flex;
  @apply order-2;
-  @apply ml-4;

-  width: 33%;
+  margin-left: var(--ml);
+  width: var(--width);
 }

@media (max-width: $responsiveWidth) {
@@ -770,7 +772,7 @@ section {
  }

  .inner-right {
-    @apply ml-0;
+    --ml: 0;
  }

  .toasted-container {