improved mobile styles

dump-hr · Feb 7, 2025 · 25d6f49 · 25d6f49
1 parent e7fe8f8
commit 25d6f49
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/apps/app/src/pages/SchedulePage/SchedulePage.module.scss b/apps/app/src/pages/SchedulePage/SchedulePage.module.scss
@@ -31,6 +31,7 @@
 
   .contentWrapper {
     width: 100%;
+    flex-grow: 1;
     border-radius: 16px 16px 0px 0px;
     background-color: $primary-background;
     box-sizing: border-box;
@@ -49,6 +50,15 @@
       display: flex;
       flex-direction: column;
       gap: 24px;
+
+      .noEvents {
+        @include paragraph-16;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        width: 90%;
+        margin: 0 auto;
+        text-align: center;
+      }
     }
   }
 }
diff --git a/apps/app/src/pages/SchedulePage/SchedulePage.tsx b/apps/app/src/pages/SchedulePage/SchedulePage.tsx
@@ -76,6 +76,12 @@ export const SchedulePage = () => {
               event={event}
             />
           ))}
+
+          {filteredEvents.length === 0 && (
+            <p className={c.noEvents}>
+              Trenutno ne postoji niti jedan događaj koji odgovara ovom filtru.
+            </p>
+          )}
         </section>
       </div>
     </main>