diff --git a/public/css/custom.css b/public/css/custom.css index ff4d354..0319927 100644 --- a/public/css/custom.css +++ b/public/css/custom.css @@ -804,4 +804,11 @@ input:checked + .slider:before { .cursor-none{ cursor: none !important; +} + +.ml-1 { + margin-left: 0.25rem !important; +} +.mr-1{ + margin-right: 0.25rem !important; } \ No newline at end of file diff --git a/src/components/main/BoardMain.vue b/src/components/main/BoardMain.vue index 9fe3ee6..8451777 100644 --- a/src/components/main/BoardMain.vue +++ b/src/components/main/BoardMain.vue @@ -78,15 +78,15 @@ - - + + + @@ -139,7 +139,7 @@ return title.length > 8 ? title.slice(0, 8) + '...' : title; // 공지사항 데이터 로드 (최대 5개) const fetchNoticePosts = async () => { try { - const { data } = await axios.get('board/notices', { params: { size: 5 } }); + const { data } = await axios.get('board/notices', { params: { size: 8 } }); if (data?.data) { noticeList.value = data.data.map(post => ({ id: post.id, @@ -161,7 +161,7 @@ try { // board/general 게시글 로드 후 자유게시판과 익명게시판으로 분리 (최대 10개 조회 → 각각 최대 5개) const fetchGeneralPosts = async () => { try { - const { data } = await axios.get('board/general', { params: { size: 10 } }); + const { data } = await axios.get('board/general', { params: { size: 16 } }); if (data?.data && data.data.list) { const freePosts = []; const anonymousPosts = []; @@ -194,8 +194,8 @@ try { }); } }); - freeList.value = freePosts.slice(0, 5); - anonymousList.value = anonymousPosts.slice(0, 5); + freeList.value = freePosts.slice(0, 8); + anonymousList.value = anonymousPosts.slice(0, 8); } } catch (error) { console.error(error); @@ -221,10 +221,4 @@ fetchGeneralPosts(); .table > :not(caption) > * > * { padding: 0 !important; } -.ml-1 { -margin-left: 0.25rem; -} -.mr-1{ -margin-right: 0.25rem; -}