RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

update postcard

Browse Source
This commit is contained in:
SrGooglo 2023-03-14 19:51:51 +00:00
parent ff2e29fe4c
commit 7606d3c92c
4 changed files with 40 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/components/PostCard/components/attachments/index.less
View File

@ -1,6 +1,4 @@
.post_attachments {
position: relative;
display: flex;
width: 100%;

6
packages/app/src/components/PostCard/components/header/index.less
View File

@ -1,15 +1,15 @@
.post_header {
display: inline-flex;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 15px;
.user {
display: inline-flex;
flex-direction: row;
align-items: center;
margin-bottom: 15px;
>div {
margin-right: 10px;
}

63
packages/app/src/components/PostCard/index.jsx
View File

@ -167,46 +167,45 @@ export default class PostCard extends React.PureComponent {
context-menu={"postCard-context"}
user-id={this.props.data.user_id}
>
<div className="wrapper">
<PostHeader
postData={this.props.data}
onDoubleClick={this.onDoubleClick}
/>
<div
id="post_content"
className={classnames(
"post_content",
{
["nsfw"]: this.state.isNsfw && !this.state.nsfwAccepted,
}
)}
>
<PostHeader
postData={this.props.data}
onDoubleClick={this.onDoubleClick}
/>
<div
id="post_content"
className={classnames(
"post_content",
{
this.state.isNsfw && !this.state.nsfwAccepted &&
<div className="nsfw_alert">
<h2>
This post may contain sensitive content.
</h2>
<antd.Button onClick={() => this.setState({ nsfwAccepted: true })}>
Show anyways
</antd.Button>
</div>
["nsfw"]: this.state.isNsfw && !this.state.nsfwAccepted,
}
)}
>
{
this.state.isNsfw && !this.state.nsfwAccepted &&
<div className="nsfw_alert">
<h2>
This post may contain sensitive content.
</h2>
<div className="message">
{
processString(messageRegexs)(this.props.data.message ?? "")
}
<antd.Button onClick={() => this.setState({ nsfwAccepted: true })}>
Show anyways
</antd.Button>
</div>
}
<div className="message">
{
this.props.data.attachments && this.props.data.attachments.length > 0 && <PostAttachments
attachments={this.props.data.attachments}
/>
processString(messageRegexs)(this.props.data.message ?? "")
}
</div>
{
this.props.data.attachments && this.props.data.attachments.length > 0 && <PostAttachments
attachments={this.props.data.attachments}
/>
}
</div>
<PostActions

21
packages/app/src/components/PostCard/index.less
View File

@ -6,6 +6,10 @@
min-width: 300px;
max-width: 600px;
min-height: 165px;
height: fit-content;
max-width: 800px;
background-color: var(--background-color-accent);
transition: all 150ms ease-in-out;
@ -18,23 +22,10 @@
overflow: hidden;
.wrapper {
display: inline-flex;
flex-direction: column;
align-items: center;
width: 100%;
transition: all 0.2s ease-in-out;
>div {
width: 100%;
}
}
.post_content {
position: relative;
display: inline-flex;
display: flex;
flex-direction: column;
align-items: flex-start;