mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-19 06:59:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

basic post done

Browse source
This commit is contained in:
MisbehavedNinjaRadiator 2025-06-18 16:13:27 +02:00
parent 44e17e6287
commit eba5d5edd7
3 changed files with 191 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

107
code/frontend/src/post.css Normal file
View file

@ -0,0 +1,107 @@
.post-card {
max-width: 345px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
font-family: sans-serif;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.post-header {
display: flex;
align-items: center;
padding: 16px;
position: relative;
}
.avatar {
background-color: #f44336;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
margin-right: 12px;
}
.post-header-text h3 {
margin: 0;
font-size: 1.1rem;
}
.subheader {
color: #888;
font-size: 0.85rem;
}
.more-button {
position: absolute;
right: 16px;
top: 16px;
font-size: 1.2rem;
background: none;
border: none;
cursor: pointer;
}
.post-image {
width: 100%;
height: auto;
max-height: 194px;
object-fit: cover;
}
.post-content {
padding: 16px;
color: #444;
font-size: 0.95rem;
}
.post-actions {
display: flex;
align-items: center;
padding: 8px 16px;
border-top: 1px solid #eee;
}
.icon-button {
background: none;
border: none;
cursor: pointer;
font-size: 1.1rem;
margin-right: 10px;
color: #555;
transition: transform 0.2s;
}
.icon-button:hover {
color: #000;
}
.expand-button {
margin-left: auto;
transition: transform 0.3s ease;
}
.expand-button.expanded {
transform: rotate(180deg);
}
.post-collapse {
padding: 0 16px 16px;
border-top: 1px solid #eee;
}
.post-collapse h4 {
margin: 16px 0 8px;
}
.post-collapse p {
margin: 0 0 12px;
font-size: 0.95rem;
color: #444;
}