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

에민 보드 폰트크기 수정
All checks were successful
LocalNet_front/pipeline/head This commit looks good
Details

Browse Source
This commit is contained in:
dyhj625 2025-04-04 13:21:38 +09:00
parent f6365e6b31
commit 3f37370d0d
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/main/BoardMain.vue
View File

@ -3,16 +3,16 @@
<div class="card text-center h-100"> <div class="card text-center h-100">
<div class="card-body"> <div class="card-body">
<!-- 모달 본문 --> <!-- 모달 본문 -->
<div class="modal-bod mt-3"> <div class="modal-bod">
<!-- 탭 버튼 영역 --> <!-- 탭 버튼 영역 -->
<div class="btn-group mb-3" role="group"> <div class="btn-group mb-5" role="group">
<button <button
type="button" type="button"
class="btn" class="btn"
:class="selectedBoard === 'notices' ? 'btn-primary' : 'btn-outline-primary'" :class="selectedBoard === 'notices' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('notices')" @click="changeBoard('notices')"
> >
공지사항 공지
</button> </button>
<button <button
type="button" type="button"
@ -20,7 +20,7 @@
:class="selectedBoard === 'general' ? 'btn-primary' : 'btn-outline-primary'" :class="selectedBoard === 'general' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('general')" @click="changeBoard('general')"
> >
자유게시판 자유
</button> </button>
<button <button
type="button" type="button"
@ -28,7 +28,7 @@
:class="selectedBoard === 'anonymous' ? 'btn-primary' : 'btn-outline-primary'" :class="selectedBoard === 'anonymous' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('anonymous')" @click="changeBoard('anonymous')"
> >
익명게시판 익명
</button> </button>
</div> </div>
<!-- 게시글 미리보기 테이블 --> <!-- 게시글 미리보기 테이블 -->
@ -51,26 +51,26 @@
style="cursor: pointer;" style="cursor: pointer;"
@click="goDetail(post.id, selectedBoard)" @click="goDetail(post.id, selectedBoard)"
> >
<td class="text-center"> <td class="text-center small">
{{ selectedBoard === 'anonymous' ? post.nickname : post.author }} {{ selectedBoard === 'anonymous' ? post.nickname : post.author }}
</td> </td>
<td class="text-start"> <td class="text-start fs-6">
<div> <div>
{{ truncateTitle(post.title) }} {{ truncateTitle(post.title) }}
<span v-if="post.commentCount" class="text-danger ml-1"> <span v-if="post.commentCount" class="text-danger ml-1 small">
[{{ post.commentCount }}] [{{ post.commentCount }}]
</span> </span>
<i v-if="post.img" class="bi bi-image mx-1"></i> <i v-if="post.img" class="bi bi-image mx-1 small"></i>
<i <i
v-if="post.hasAttachment.length > 0" v-if="post.hasAttachment.length > 0"
class="bi bi-paperclip ml-1" class="bi bi-paperclip ml-1 small"
></i> ></i>
</div> </div>
<div class="text-muted small"> <div class="text-muted small small">
{{ post.date }} {{ post.date }}
</div> </div>
</td> </td>
<td class="text-center">{{ post.views }}</td> <td class="text-center small">{{ post.views }}</td>
</tr> </tr>
<tr v-if="currentList.length === 0"> <tr v-if="currentList.length === 0">
<td colspan="3" class="text-center text-muted">게시물이 없습니다.</td> <td colspan="3" class="text-center text-muted">게시물이 없습니다.</td>
@ -133,7 +133,7 @@ return date.isToday() ? date.format('HH:mm') : date.format('YYYY-MM-DD');
// 제목이 14글자 넘어가면 ... 처리하는 함수 // 제목이 14글자 넘어가면 ... 처리하는 함수
const truncateTitle = title => { const truncateTitle = title => {
return title.length > 8 ? title.slice(0, 8) + '...' : title; return title.length > 7 ? title.slice(0, 7) + '...' : title;
}; };
// 공지사항 데이터 로드 (최대 5개) // 공지사항 데이터 로드 (최대 5개)