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-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
type="button"
class="btn"
:class="selectedBoard === 'notices' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('notices')"
>
공지사항
공지
</button>
<button
type="button"
@ -20,7 +20,7 @@
:class="selectedBoard === 'general' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('general')"
>
자유게시판
자유
</button>
<button
type="button"
@ -28,7 +28,7 @@
:class="selectedBoard === 'anonymous' ? 'btn-primary' : 'btn-outline-primary'"
@click="changeBoard('anonymous')"
>
익명게시판
익명
</button>
</div>
<!-- 게시글 미리보기 테이블 -->
@ -51,26 +51,26 @@
style="cursor: pointer;"
@click="goDetail(post.id, selectedBoard)"
>
<td class="text-center">
<td class="text-center small">
{{ selectedBoard === 'anonymous' ? post.nickname : post.author }}
</td>
<td class="text-start">
<td class="text-start fs-6">
<div>
{{ 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 }}]
</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
v-if="post.hasAttachment.length > 0"
class="bi bi-paperclip ml-1"
class="bi bi-paperclip ml-1 small"
></i>
</div>
<div class="text-muted small">
<div class="text-muted small small">
{{ post.date }}
</div>
</td>
<td class="text-center">{{ post.views }}</td>
<td class="text-center small">{{ post.views }}</td>
</tr>
<tr v-if="currentList.length === 0">
<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글자 넘어가면 ... 처리하는 함수
const truncateTitle = title => {
return title.length > 8 ? title.slice(0, 8) + '...' : title;
return title.length > 7 ? title.slice(0, 7) + '...' : title;
};
// 공지사항 데이터 로드 (최대 5개)