Merge pull request #235 from Studio-Yandex-Practicum/enhancement-137-…

…change-Slider-to-fsd #137-enhancement-Slider-changed-to-fsd
Studio-Yandex-Practicum · Mar 4, 2024 · ce1fc59 · ce1fc59
2 parents 91e8f44 + ededadf
commit ce1fc59
Show file tree

Hide file tree

Showing 28 changed files with 551 additions and 305 deletions.
diff --git a/src/app/providers/StoreProvider/config/store.ts b/src/app/providers/StoreProvider/config/store.ts
@@ -27,7 +27,6 @@ const rootReducer: ReducersMapObject<RootState> = {
   stories: storiesReducer,
   blogPosts: blogPostsReducer,
   product: productSliceReducer
-
 }
 
 export function createReduxStore(initialState: RootState) {

diff --git a/src/assets/icons/ArrowRightNextPage.svg b/src/assets/icons/ArrowRightNextPage.svg
diff --git a/src/assets/images/slider/info-slide.png b/src/assets/images/slider/info-slide.png
diff --git a/src/components/Arrows/Arrows.tsx b/src/components/Arrows/Arrows.tsx
diff --git a/src/components/Arrows/arrow.module.scss b/src/components/Arrows/arrow.module.scss
diff --git a/src/components/Dots/Dots.tsx b/src/components/Dots/Dots.tsx
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
diff --git a/src/components/Slider/slider.module.scss b/src/components/Slider/slider.module.scss
diff --git a/src/components/SliderBlock/SliderBlock.tsx b/src/components/SliderBlock/SliderBlock.tsx
diff --git a/src/components/SliderBlock/slider-block.module.scss b/src/components/SliderBlock/slider-block.module.scss
diff --git a/src/entities/HeroCard/HeroCard.module.scss b/src/entities/HeroCard/HeroCard.module.scss
@@ -0,0 +1,46 @@
+@use '@/app/styles/index' as color;
+@use '../../shared/styles/utils/mixins' as media;
+
+.storybook {
+  width: 900px;
+  height: 700px;  
+}
+
+.slider { 
+  flex: 1 0 100%;
+  position: relative;
+  background-color: color.$theme-secondary-color;
+}
+
+.link {
+  color: color.$white;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+
+  .content {
+    position: absolute;
+    left: 12%;
+    top: 100px;
+
+    @include media.respond-to('middle') {
+      left: 39%;
+      top: 5%;
+    }
+
+    .title {
+      margin-top: 12px;
+      margin-bottom: 20px;
+      color: color.$white;
+    }
+
+    .price {
+      display: inline-flex;
+      border-radius: 5px;
+      background: color.$white;
+      color: color.$body-color;
+      font-size: 25px;     
+      padding: 10px 15px;
+    }
+  }
+}