83 lines
1.5 KiB
Plaintext
83 lines
1.5 KiB
Plaintext
|
|
.comment-card.data-v-ed332cbd {
|
|
background-color: #fff;
|
|
padding: 15px;
|
|
border-radius: 10px;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
margin-bottom: 15px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.comment.data-v-ed332cbd {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
.avatar.data-v-ed332cbd {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
}
|
|
.comment-content.data-v-ed332cbd {
|
|
flex: 1;
|
|
}
|
|
.username.data-v-ed332cbd {
|
|
font-weight: bold;
|
|
color: #007aff;
|
|
margin-bottom: 5px;
|
|
}
|
|
.text.data-v-ed332cbd {
|
|
color: #333;
|
|
}
|
|
.actions.data-v-ed332cbd {
|
|
margin-top: 10px;
|
|
}
|
|
.like.data-v-ed332cbd,
|
|
.reply.data-v-ed332cbd,
|
|
.share.data-v-ed332cbd {
|
|
color: #007aff;
|
|
cursor: pointer;
|
|
margin-right: 15px;
|
|
}
|
|
.like.data-v-ed332cbd:hover,
|
|
.reply.data-v-ed332cbd:hover,
|
|
.share.data-v-ed332cbd:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.like-icon.data-v-ed332cbd,
|
|
.share-icon.data-v-ed332cbd {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.reply-form.data-v-ed332cbd {
|
|
display: flex;
|
|
margin-top: 10px;
|
|
}
|
|
.reply-input.data-v-ed332cbd {
|
|
flex-grow: 1;
|
|
margin-right: 10px;
|
|
padding: 10px;
|
|
border: 1px solid #ccc;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
}
|
|
.reply-button.data-v-ed332cbd {
|
|
padding: 10px 20px;
|
|
background-color: #007aff;
|
|
color: #fff;
|
|
border: none;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
}
|
|
.reply-button.data-v-ed332cbd:hover {
|
|
background-color: #005bb5;
|
|
}
|
|
.replies.data-v-ed332cbd {
|
|
margin-top: 10px;
|
|
padding-left: 20px;
|
|
border-left: 2px solid #f0f0f0;
|
|
}
|