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

board css 수정

Browse Source
This commit is contained in:
yoon 2025-03-17 15:45:28 +09:00
parent 0a514fa3a0
commit 0d05666532
4 changed files with 20 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/css/custom.css
View File

@ -1,5 +1,21 @@
/* 여기에 light css 작성 */
/* board */
.board-content img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block;
object-fit: contain;
}
.board-content table {
max-width: 100%;
overflow-x: auto;
display: block;
}
/* board end */
/* 에러페이지 */
/* 전체 화면을 덮는 스타일 */
.error-page {

9
src/views/board/BoardEdit.vue
View File

@ -50,7 +50,7 @@
<div class="mb-4">
<label for="html5-tel-input" class="col-md-2 col-form-label">
내용
<span class="text-red">*</span>
<span class="text-danger">*</span>
</label>
<div class="col-md-12">
<QEditor
@ -278,10 +278,3 @@
}
});
</script>
<style>
.text-red {
color: red;
text-align: center;
}
</style>

5
src/views/board/BoardList.vue
View File

@ -55,8 +55,8 @@
<td class="text-center">공지</td>
<td class="cursor-pointer">
📌 {{ notice.title }}
<span v-if="notice.commentCount" class="comment-count">[ {{ notice.commentCount }} ]</span>
<i v-if="notice.img" class="bi bi-image me-1"></i>
<span v-if="notice.commentCount" class="text-danger fw-bold me-1">[ {{ notice.commentCount }} ]</span>
<i v-if="notice.img" class="bi bi-image me-1 align-middle"></i>
<i v-if="Array.isArray(notice.hasAttachment) && notice.hasAttachment.length > 0" class="bi bi-paperclip"></i>
<span v-if="isNewPost(notice.rawDate)" class="badge bg-danger text-white ms-2 fs-tiny">N</span>
</td>
@ -288,7 +288,6 @@ onMounted(() => {
.comment-count {
font-size: 0.9rem;
font-weight: bold;
color: #ff5733;
border-radius: 4px;
padding: 2px 6px;
position: relative;

23
src/views/board/BoardView.vue
View File

@ -71,7 +71,7 @@
</div>
<!-- HTML 콘텐츠 렌더링 -->
<div class="board-content text-body" style="line-height: 1.6" v-html="$common.contentToHtml(boardContent)"></div>
<div class="board-content text-body mw-100 overflow-hidden text-break" style="line-height: 1.6" v-html="$common.contentToHtml(boardContent)"></div>
<!-- 좋아요 버튼 -->
<div class="row justify-content-center my-10">
@ -828,24 +828,3 @@
fetchComments();
});
</script>
<style>
.board-content {
max-width: 100%;
overflow: hidden;
word-wrap: break-word;
}
.board-content img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block;
object-fit: contain;
}
.board-content table {
max-width: 100%;
overflow-x: auto;
display: block;
}
</style>