활동로그 제작중

src/components/Nav.vue

@@ -5,7 +5,14 @@
                 <h4 class="hi">Hi</h4>
             </div>
             <div v-if="isLogin === true">
-                <h1>Profile</h1>
+                <b-img 
+                    src="https://picsum.photos/1024/400/?image=41" 
+                    thumbnail
+                    fluid
+                    alt="Responsive image">
+                </b-img>
+                <br>
+                <br>
                 <p>이름 : {{userInfo.name}}</p>
                 <p>대학교 : {{userInfo.univ}}</p>
                 <p>전공 : {{userInfo.department}}</p>
@@ -46,6 +53,7 @@
 import {mapState} from "vuex"
 import { BButton } from 'bootstrap-vue'
 import { ListGroupPlugin } from 'bootstrap-vue'
+import { BImg } from 'bootstrap-vue'
 
 export default {
     name: 'Nav',
@@ -103,4 +111,8 @@ export default {
     letter-spacing: 1px;
     
 }
+
+img {
+    margin-left: -5px;
+}
 </style>
\ No newline at end of file

src/views/Board.vue

@@ -2,17 +2,35 @@
 <template>
     <div class="board">
     <NavClub id="navClub"></NavClub>
-        제목: {{board[0].title}}<br>
-        내용: {{board[0].content}}<br>
-        글쓴이: {{board[0].writer}}<br>
-        작성 날짜: {{board[0].date}}<br>
+        <div class="boardTable">
+        <table>
+            <thead>
+                <tr>
+                    <th>활동일지</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>제목: {{board[0].title}}</td>
+                </tr>
+                <tr>
+                    <td>내용: {{board[0].content}}</td>
+                </tr>
+                <tr>
+                    <td>글쓴이: {{board[0].writer}}</td>
+                </tr>
+                <tr>
+                    <td>작성 날짜: {{board[0].date}}</td>
+                </tr>
+            </tbody>
+        </table>
+        </div>
     </div>
 </template>
 
 <script>
 import axios from "axios"
 import NavClub from '@/components/NavClub.vue'
-import { VBToggle } from 'bootstrap-vue'
 
 export default {
     components: {
@@ -36,5 +54,32 @@ export default {
 }
 </script>
 <style>
+/*table {
+    margin-left: auto; 
+    margin-right: auto;
+    text-align: center;
+}*/
+
+table {
+    width: 60%;
+    border: 1px solid #444444;
+    border-collapse: collapse;
+    table-layout: auto;
+}
+th, td {
+    border-bottom: 1px solid #444444;
+    padding: 10px;
+}
 
+.boardTable {
+    margin-top: 40px;
+    margin-left: 300px;
+    text-align: start;
+}
+
+.boardWrite {
+    clear: both;
+    margin-top: 20px;
+    width: 100px;
+}
 </style>
\ No newline at end of file

src/views/Home.vue

@@ -69,6 +69,7 @@ export default {
   margin-top: 20px;
   margin-bottom: 10px;
 }
+
 .header-subtitle {
   color: #777;
   font-size: 16px;
@@ -119,6 +120,4 @@ hr.section-divider:after {
   font-weight: 500;
   text-transform: uppercase;
 }
-
-
 </style>
\ No newline at end of file

src/views/Mypage.vue

@@ -95,7 +95,7 @@ p {
 .mypage a {
     width: 80%;
     color: #ffffff;
-    background-color: #FA6900;
+    background-color: #54397e;
     border-radius: 14px;
     border: none;
     padding: 5px;

src/views/club_Post.vue

@@ -3,6 +3,7 @@
     <div class="clubView">
         <NavClub id="navClub"></NavClub>
         <div class="clubMain">
+        <div class="logTable">
             <table>
                 <thead>
                     <tr>
@@ -21,14 +22,19 @@
                     </div>
                 </tbody>
             </table>
-        <router-link :to="{path:`/post/${club[0].id}`}">글쓰기</router-link>
+        </div>
+        <div class="logWrite">
+            <router-link :to="{path:`/post/${club[0].id}`}">
+                <b-button variant="outline-primary">글쓰기</b-button>
+            </router-link>
+        </div>
         </div>
     </div>
 </template>
 
 <script>
 import NavClub from '@/components/NavClub.vue'
-import { BPagination } from 'bootstrap-vue'
+import { BButton } from 'bootstrap-vue'
 
 export default {
   name: 'club_post',
@@ -79,13 +85,13 @@ export default {
 .clubMain {
     width: 100%;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 table {
-    width: 80%;
+    width: 100%;
     border-top: 1px solid #444444;
     border-collapse: collapse;
     table-layout: auto
@@ -95,4 +101,13 @@ th, td {
     padding: 10px;
 }
 
+.logTable {
+    margin-top: 20px;
+}
+
+.logWrite {
+    clear: both;
+    margin-top: 20px;
+    width: 100px;
+}
 </style>
\ No newline at end of file