From 02a542c12ec63a4316b917128570c9c8ddfa0583 Mon Sep 17 00:00:00 2001
From: kimdaae328 <kimdaae328@gmail.com>
Date: Thu, 23 Jan 2025 14:03:16 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/board/BoardProfile.vue | 54 +++++++--------------------
 1 file changed, 14 insertions(+), 40 deletions(-)

diff --git a/src/components/board/BoardProfile.vue b/src/components/board/BoardProfile.vue
index b79eece..5e925ec 100644
--- a/src/components/board/BoardProfile.vue
+++ b/src/components/board/BoardProfile.vue
@@ -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>