style

Studio-Yandex-Practicum · Jun 12, 2024 · 29fc04c · 29fc04c
1 parent c6df98b
commit 29fc04c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.module.scss
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    width: 100%;
+    width: 160px;
     height: 100%;
     background-color: #f0f0f0;
     border-radius: 8px;

diff --git a/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx b/src/widgets/StoriesBlock/StoriesBlockSkeleton/StoriesBlockSkeleton.tsx
@@ -7,7 +7,7 @@ import styles from './StoriesBlockSkeleton.module.scss'
 const StoriesBlockSkeleton: FC = () => {
   return (
     <div className={styles.skeletonNewsCard}>
-      <Skeleton height={180} width="100%" />
+      <Skeleton height={240} width="100%" />
       <div className={styles.content}>
         <Skeleton width="60%" />
         <Skeleton width="80%" />

diff --git a/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss b/src/widgets/StoriesBlock/ui/StoriesBlock.module.scss
@@ -19,5 +19,5 @@
   list-style: none;
   margin: 0;
   padding: 0;
-  width: 100%;
+  width: 160px;
 }
diff --git a/src/widgets/StoriesBlock/ui/StoriesBlock.tsx b/src/widgets/StoriesBlock/ui/StoriesBlock.tsx
@@ -33,7 +33,7 @@ const StoriesBlock: FC = () => {
 
       <Scroll withManualGrip={true} className={styles.storiesScroll}>
         {isLoading
-          ? Array.from({ length: 5 }).map((_, index) => (
+          ? Array.from({ length: 8 }).map((_, index) => (
               <li key={index}>
                 <StoriesBlockSkeleton />
               </li>