improve NoResults

packages/app/src/components/PostsList/index.jsx

@@ -24,11 +24,11 @@ const LoadingComponent = () => {
 }
 
 const NoResultComponent = () => {
-    return <antd.Result
-        status="info"
-        title="This is the end"
-        subTitle="We dont have more posts for you"
-    />
+    return <div className="postCard">
+        <antd.Empty
+            description="No more post here"
+        />
+    </div>
 }
 
 const typeToComponent = {

packages/app/src/components/PostsList/index.less

@@ -55,8 +55,8 @@
     overflow: hidden;
     overflow-y: overlay;
 
-    width: 100%;
     height: 100%;
+    width: 35vw;
 
     display: flex;
     flex-direction: column;
@@ -119,4 +119,25 @@
     to {
         opacity: 1;
     }
+}
+
+.no-result {
+    display: flex !important;
+    flex-direction: column;
+
+    align-items: center;
+    justify-content: center;
+
+    height: fit-content;
+
+    background-color: var(--background-color-accent);
+
+    padding: 10px;
+
+    h1 {
+        margin: 0;
+        font-size: 0.9rem;
+    }
+
+    border-radius: 0 0 12px 12px;
 }