From f952ba905df817011cabfde9ba1388227751cd6b Mon Sep 17 00:00:00 2001
From: Roman Barlos <rbarlos@yandex-team.ru>
Date: Tue, 14 Jan 2025 13:59:52 +0300
Subject: [PATCH] chore: change incorrectly used variables

---
 src/components/Stories/Stories.scss                      | 6 ++++--
 .../Stories/components/StoriesLayout/StoriesLayout.scss  | 9 ++++++---
 .../Stories/components/VideoView/VideoView.scss          | 8 +++++---
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/Stories/Stories.scss b/src/components/Stories/Stories.scss
index bb5639a0..779b515f 100644
--- a/src/components/Stories/Stories.scss
+++ b/src/components/Stories/Stories.scss
@@ -2,8 +2,10 @@
 
 $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 {
@@ -11,6 +13,6 @@ $block: '.#{variables.$ns}stories';
     }
 
     &__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
index 75048a9b..c2909294 100644
--- 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
index 4b3d5d15..064dba36 100644
--- 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,14 +14,14 @@ $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);
     }
 
@@ -27,7 +29,7 @@ $block: '.#{variables.$ns}stories-video-view';
         position: absolute;
         inset-block-start: 0;
         inset-inline-start: 0;
-        border-radius: var(--g-spacing-5);
+        border-radius: $borderRadius;
 
         z-index: 0;
     }