From 09fa45c6f292047c8fac47781e93113b1e876297 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Fri, 24 Feb 2023 14:33:58 +0000
Subject: [PATCH] added `PostViewer` component

---
 .../app/src/components/PostViewer/index.jsx   | 14 +++++++++++++
 .../app/src/components/PostViewer/index.less  | 20 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 packages/app/src/components/PostViewer/index.jsx
 create mode 100644 packages/app/src/components/PostViewer/index.less

diff --git a/packages/app/src/components/PostViewer/index.jsx b/packages/app/src/components/PostViewer/index.jsx
new file mode 100644
index 00000000..35f40531
--- /dev/null
+++ b/packages/app/src/components/PostViewer/index.jsx
@@ -0,0 +1,14 @@
+import React from "react"
+import { PostCard, CommentsCard } from "components"
+
+import "./index.less"
+
+export default (props) => {
+    const { post } = props
+
+    return <div className="post_viewer">
+        <PostCard
+            data={post}
+        />
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/components/PostViewer/index.less b/packages/app/src/components/PostViewer/index.less
new file mode 100644
index 00000000..6f0bb66b
--- /dev/null
+++ b/packages/app/src/components/PostViewer/index.less
@@ -0,0 +1,20 @@
+.post_viewer {
+    position: absolute;
+
+    z-index: 50;
+
+    top: 0;
+    left: 0;
+
+    display: flex;
+    flex-direction: row;
+
+    align-items: center;
+    justify-content: center;
+
+    width: 100vw;
+    height: 100vh;
+
+    background-color: rgba(var(--layoutBackgroundColor), 0.6);
+    backdrop-filter: blur(10px);
+}
\ No newline at end of file