chore: change incorrectly used variables

gravity-ui · Jan 14, 2025 · a8676eb · a8676eb
1 parent e7f29c4
commit a8676eb
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/src/components/Stories/Stories.scss b/src/components/Stories/Stories.scss
@@ -2,15 +2,17 @@
 
 $block: '.#{variables.$ns}stories';
 
+$borderRadius: 20px;
+
 #{$block} {
-    --g-modal-border-radius: var(--g-spacing-5);
+    --g-modal-border-radius: $borderRadius;
     --g-modal-margin: var(--g-spacing-5);
 
     & .g-modal__content-wrapper {
         overflow-x: initial;
     }
 
     &__modal-content {
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
     }
 }
diff --git a/src/components/Stories/components/StoriesLayout/StoriesLayout.scss b/src/components/Stories/components/StoriesLayout/StoriesLayout.scss
@@ -12,13 +12,16 @@ $fixedBtnSize: 44px;
 $actionBtnZIndex: 50;
 $textContentZIndex: 30;
 
+$borderRadius: 20px;
+$borderRadiusCard: 14px;
+
 #{$block} {
     &__wrap-outer {
         height: calc(100vh - 2 * var(--g-modal-margin));
         width: calc(100vw - 2 * var(--g-modal-margin));
         background-color: var(--g-color-base-background);
         display: flex;
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
         max-width: $maxWidth;
         max-height: $maxHeight;
         min-width: $minWidth;
@@ -28,7 +31,7 @@ $textContentZIndex: 30;
     &__container {
         display: flex;
         box-shadow: 0 8px 20px var(--g-color-sfx-shadow);
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
         position: relative;
 
         width: 100%;
@@ -50,7 +53,7 @@ $textContentZIndex: 30;
 
         &_blockStyle_card {
             background-color: var(--g-color-base-background);
-            border-radius: var(--g-spacing-3);
+            border-radius: $borderRadiusCard;
         }
 
         &_blockStyle_transparent {

diff --git a/src/components/Stories/components/VideoView/VideoView.scss b/src/components/Stories/components/VideoView/VideoView.scss
@@ -2,6 +2,8 @@
 
 $block: '.#{variables.$ns}stories-video-view';
 
+$borderRadius: 20px;
+
 #{$block} {
     width: 100%;
     height: 100%;
@@ -12,22 +14,22 @@ $block: '.#{variables.$ns}stories-video-view';
     overflow: hidden;
 
     &_style_half-size {
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
     }
 
     &_style_half-size-with-margins {
         width: calc(100% - 2 * var(--g-spacing-2));
         height: calc(100% - 2 * var(--g-spacing-2));
 
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
         margin: var(--g-spacing-2);
     }
 
     &_style_full-size {
         position: absolute;
         inset-block-start: 0;
         inset-inline-start: 0;
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
 
         z-index: 0;
     }