@@ -788,6 +793,43 @@ const Board = () => {
+ {replyMediaInfo?.url ? (
+ replyMediaInfo.type === "webpage" ? (
+
+
+
e.target.src = fallbackImgUrl} />
+ {replyMediaInfo.type}
+
+
+ ) : replyMediaInfo.type === "image" ? (
+
+
+
e.target.src = fallbackImgUrl} />
+ {replyMediaInfo.type}
+
+
+ ) : replyMediaInfo.type === "video" ? (
+
+ ) : replyMediaInfo.type === "audio" ? (
+
+
+
+
+ ) : null
+ ) : null}
{reply.content ? (
reply.content.length > 500 ?
diff --git a/src/components/views/styles/Board.styled.jsx b/src/components/views/styles/Board.styled.jsx
index 95a2bca8..244211a0 100644
--- a/src/components/views/styles/Board.styled.jsx
+++ b/src/components/views/styles/Board.styled.jsx
@@ -2404,10 +2404,10 @@ export const BoardForm = styled.div`
clear: left !important;
}
- video {
- max-width: 100%;
- max-height: 250px;
- }
+ }
+
+ video {
+ width: 100px;
}
img {
@@ -2458,6 +2458,39 @@ export const BoardForm = styled.div`
overflow: hidden;
}
+ .file-mobile {
+ display: block;
+
+ .file-thumb-mobile {
+ margin-left: 10px !important;
+ margin-right: 10px !important;
+ text-decoration: none;
+ float: left;
+ margin-bottom: 5px;
+ margin-top: 15px;
+ }
+
+ .file-info-mobile {
+ padding-top: 5px;
+ text-align: center;
+ text-decoration: none;
+ display: block !important;
+ clear: left !important;
+ }
+ }
+
+ video {
+ max-width: 100px;
+ }
+
+ img {
+ border: none;
+ float: left;
+ max-width: 100px;
+ max-height: 100px;
+ object-fit: scale-down;
+ }
+
.post-info-mobile {
margin: 0;
overflow: hidden;