RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24:16 +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;
}

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

@ -167,11 +167,11 @@ 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(
@ -207,7 +207,6 @@ export default class PostCard extends React.PureComponent {
}
</div>
</div>
<PostActions
user_id={this.props.data.user_id}

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;