localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

수정중

Browse Source
This commit is contained in:
kimdaae328 2025-01-23 14:03:16 +09:00
parent 6f91347b32
commit 02a542c12e
1 changed files with 14 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/board/BoardProfile.vue
View File

@ -1,40 +1,30 @@
<template>
<div class="d-flex align-items-center flex-wrap">
<div class="d-flex flex-column flex-sm-row align-items-center">
<div class="d-flex align-items-center">
<!-- 프로필 이미지 부분 -->
<div class="avatar me-2" v-if="unknown">
<img src="/img/avatars/2.png" alt="Avatar" class="rounded-circle" />
</div>
<div class="me-2">
<h6 class="mb-0">{{ profileName }}</h6>
<div class="profile-detail">
<span>2024.12.10 10:46</span>
<div>
<span class="me-3">2024.12.10 10:46</span>
<template v-if="showDetail">
<span>
<span class="me-2">
<i class="fa-regular fa-eye"></i> {{ views }}
</span>
<span>
<span class="me-2">
<i class="bx bx-comment"></i> {{ comments }}
</span>
</template>
</div>
</div>
</div>
<div class="ms-auto btn-area">
<div class="ms-auto w-100 mt-2 mt-sm-0">
<template v-if="showDetail">
<EditButton @click="handleEdit" />
<EditButton @click="handleEdit" class="me-2" style="border:1px solid blue"/>
<DeleteButton @click="handleDelete" />
</template>
<template v-else>
<template v-if="author">
<button class="btn author btn-label-primary btn-icon" @click="handleEdit">
<i class='bx bx-edit-alt'></i>
</button>
<button class="btn author btn-label-primary btn-icon" @click="handleDelete">
<i class='bx bx-trash'></i>
</button>
</template>
<BoardRecommendBtn :likeClicked="true" :dislikeClicked="false" />
</template>
</div>
</div>
</template>
@ -64,10 +54,10 @@ const props = defineProps({
type: Boolean,
default: true,
},
author: {
type: Boolean,
default: false,
},
// author: {
// type: Boolean,
// default: true,
// },
views: {
type: Number,
default: 0,
@ -101,26 +91,10 @@ const handleDelete = async () => {
</script>
<style scoped>
.profile-detail span ~ span {
margin-left: 5px;
}
.ms-auto button + button {
margin-left: 5px;
}
.btn.author {
height: 30px;
}
@media screen and (max-width: 450px) {
/* @media screen and (max-width: 450px) {
.btn-area {
margin-top: 10px;
width: 100%;
}
.btn.author {
height: 30px;
}
}
} */
</style>