Merge pull request #96 from BinaryStudioAcademy/bug/33-challenge-comp…

…onent-is-absent bug 33 challenge component is absent
BinaryStudioAcademy · Sep 6, 2023 · 0625706 · 0625706
2 parents a7cfaf3 + afba5b8
commit 0625706
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/frontend/src/app/modules/main/filtering-section/filtering-section.component.html b/frontend/src/app/modules/main/filtering-section/filtering-section.component.html
@@ -34,21 +34,19 @@
             (SelectedItemsChanged)="onTagsChange($event)"
             class="m-0-12px mb-28px"></app-dropdown-select>
     </div>
-    <div class="d-grid justify-content-center gap-2">
-        <div infinite-scroll (scrolled)="onScroll()" >
-            <div class="d-flex text-center text-white text-opacity-50 mt-3" *ngIf="!challenges.length">
-                <div>
-                    <h4>No available challenge</h4>
-                    <p>Please select other variants</p>
-                </div>
+    <div class="challenges d-grid justify-content-center gap-2" infinite-scroll (scrolled)="onScroll()">
+        <div class="d-flex text-center text-white text-opacity-50 mt-3" *ngIf="!challenges.length && !loading">
+            <div>
+                <h4>No available challenge</h4>
+                <p>Please select other variants</p>
             </div>
+        </div>
 
-            <div *ngFor="let challenge of challenges">
-                <app-challenge class="challenge-block" [challenge]="challenge"></app-challenge>
-            </div>
-            <div *ngIf="loading">
-                <p class="text-center text-white text-opacity-50 mt-3">Loading...</p>
-            </div>
+        <div *ngFor="let challenge of challenges">
+            <app-challenge [challenge]="challenge"></app-challenge>
+        </div>
+        <div *ngIf="loading">
+            <p class="text-center text-white text-opacity-50 mt-3">Loading...</p>
         </div>
     </div>
 </div>
diff --git a/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass b/frontend/src/app/modules/main/filtering-section/filtering-section.component.sass
@@ -11,6 +11,9 @@
   max-width: 420px
   height: 480px
 
+.challenges
+  min-width: 500px
+
 .m-0-12px
   margin: 20px 20px 0
 
@@ -44,10 +47,14 @@
 
 :host ::ng-deep .title
     font-size: 14px
+
 @media (max-width: 992px)
   .filters
     max-width: 224px
 
+  .challenges
+    min-width: 440px
+
   .search-container
     width: 180px