From 9a8848c8505f37a54772bc84ff1aa4c54b9d472e Mon Sep 17 00:00:00 2001 From: Limchansol Date: Sun, 3 Mar 2024 02:23:10 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83,=20=EC=84=B8=EB=AF=B8?= =?UTF-8?q?=EB=82=98/=EC=83=88=EC=86=8C=EC=8B=9D/=EA=B3=B5=EC=A7=80=20?= =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80=20(#144)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix: 푸터 아래 로고 반응형으로 변경 * feat: 페이지 레이아웃 반응형 추가 * feat: 세미나 목록 페이지 반응형 추가 * feat: 새소식 페이지 반응형 추가 * feat: 공지목록 반응형 추가 --- .../community/news/NewsPageContent.tsx | 4 +- app/[locale]/community/news/NewsRow.tsx | 64 +++++++++++-------- app/[locale]/community/news/create/page.tsx | 1 - .../community/notice/NoticeListHeader.tsx | 2 +- .../community/notice/NoticeListRow.tsx | 36 +++++++---- .../community/notice/NoticePageContent.tsx | 2 +- app/[locale]/community/notice/create/page.tsx | 1 - app/[locale]/community/seminar/SeminarRow.tsx | 57 +++++++++-------- .../community/seminar/create/page.tsx | 1 - .../reservations/introduction/page.tsx | 1 - app/[locale]/search/SearchPageContent.tsx | 1 - components/academics/ScholarshipRow.tsx | 1 - .../admin/important/ImportantListRow.tsx | 1 - components/admin/slide/SlideListRow.tsx | 1 - components/layout/footer/Footer.tsx | 11 ++-- .../layout/footer/useFooterDesignMode.ts | 1 - components/layout/header/Header.tsx | 2 +- components/layout/navbar/Navbar.tsx | 1 - components/layout/navbar/NavbarDetail.tsx | 1 - components/layout/navbar/NavtreeRow.tsx | 1 - components/layout/pageLayout/PageLayout.tsx | 8 ++- components/layout/pageLayout/PageTitle.tsx | 14 ++-- components/layout/pageLayout/SubNavbar.tsx | 3 +- components/main/NoticeListMain.tsx | 1 - components/main/Notices.tsx | 1 - components/main/SlideGroups.tsx | 1 - .../reservations/modals/useAddReservation.ts | 1 - constants/footer.ts | 1 - contexts/NavbarContext.tsx | 1 - public/image/SNUCOM.svg | 2 +- public/image/SNU_Engineering.svg | 2 +- public/image/SNU_Logo_with_Text.svg | 2 +- public/image/about/distance.svg | 11 +++- public/image/lock_icon.svg | 2 +- public/image/pin_icon.svg | 2 +- 35 files changed, 126 insertions(+), 116 deletions(-) diff --git a/app/[locale]/community/news/NewsPageContent.tsx b/app/[locale]/community/news/NewsPageContent.tsx index f79198813..3f6cc8819 100644 --- a/app/[locale]/community/news/NewsPageContent.tsx +++ b/app/[locale]/community/news/NewsPageContent.tsx @@ -2,6 +2,7 @@ import NewsRow from '@/app/[locale]/community/news/NewsRow'; +import LoginStaffVisible from '@/components/common/auth/LoginStaffVisible'; import Pagination from '@/components/common/Pagination'; import SearchBox from '@/components/common/search/SearchBox'; import PageLayout from '@/components/layout/pageLayout/PageLayout'; @@ -15,7 +16,6 @@ import { getPath } from '@/utils/page'; import { news } from '@/utils/segmentNode'; import AdminFeatures from './AdminFeatures'; -import LoginStaffVisible from '../../../../components/common/auth/LoginStaffVisible'; const POST_LIMIT = 10; const newsPath = getPath(news); @@ -40,7 +40,7 @@ export default function NewsPageContent({ initKeyword={keyword ?? ''} setSearchParams={setSearchParams} /> -
+
{searchList.length > 0 ? ( searchList.map((post) => ( -
- -

{title}

- +
+ - -

- {descriptionBold ? ( - <> - {description.slice(0, descriptionBold.startIndex)} - - {description.slice(descriptionBold.startIndex, descriptionBold.endIndex)} - - {description.slice(descriptionBold.endIndex)} - - ) : ( - description - )} -

- +
+ +

{title}

+ -
+ +

+ {descriptionBold ? ( + <> + {description.slice(0, descriptionBold.startIndex)} + + {description.slice(descriptionBold.startIndex, descriptionBold.endIndex)} + + {description.slice(descriptionBold.endIndex)} + + ) : ( + description + )} +

+ +
+
- +
- - + + ); diff --git a/app/[locale]/community/news/create/page.tsx b/app/[locale]/community/news/create/page.tsx index e781b776d..ad8c44d35 100644 --- a/app/[locale]/community/news/create/page.tsx +++ b/app/[locale]/community/news/create/page.tsx @@ -11,7 +11,6 @@ import PageLayout from '@/components/layout/pageLayout/PageLayout'; import { NEWS_TAGS } from '@/constants/tag'; - import { validateNewsForm } from '@/utils/formValidation'; import { getPath } from '@/utils/page'; import { news } from '@/utils/segmentNode'; diff --git a/app/[locale]/community/notice/NoticeListHeader.tsx b/app/[locale]/community/notice/NoticeListHeader.tsx index b53eac9d0..145c5ec8a 100644 --- a/app/[locale]/community/notice/NoticeListHeader.tsx +++ b/app/[locale]/community/notice/NoticeListHeader.tsx @@ -5,7 +5,7 @@ export default function NoticeListHeader({ isEditMode }: { isEditMode: boolean } return ( -
    +
      {links.map((link, i) => (
    • {t(link.title)} @@ -119,14 +120,14 @@ function FooterBottomLeft() { function FooterBottomRight() { return ( -
      - +
      + - + - +
      diff --git a/components/layout/footer/useFooterDesignMode.ts b/components/layout/footer/useFooterDesignMode.ts index 717508a2a..8238ddb6a 100644 --- a/components/layout/footer/useFooterDesignMode.ts +++ b/components/layout/footer/useFooterDesignMode.ts @@ -11,7 +11,6 @@ import { reservations, } from '@/utils/segmentNode'; - export type FooterMode = 'light' | 'dark'; // TODO: 페이지별 모드 적용하기 diff --git a/components/layout/header/Header.tsx b/components/layout/header/Header.tsx index 0002c035a..a384b8d11 100644 --- a/components/layout/header/Header.tsx +++ b/components/layout/header/Header.tsx @@ -25,7 +25,7 @@ export default function Header() { return (
      diff --git a/components/layout/navbar/Navbar.tsx b/components/layout/navbar/Navbar.tsx index 084c373e5..b1015bf61 100644 --- a/components/layout/navbar/Navbar.tsx +++ b/components/layout/navbar/Navbar.tsx @@ -5,7 +5,6 @@ import { useNavbarContext } from '@/contexts/NavbarContext'; import useCurrentSegmentNode from '@/utils/hooks/useCurrentSegmentNode'; import { main } from '@/utils/segmentNode'; - import NavbarDetail from './NavbarDetail'; import NavbarRoot from './NavbarRoot'; diff --git a/components/layout/navbar/NavbarDetail.tsx b/components/layout/navbar/NavbarDetail.tsx index f7e44d80f..975cc5492 100644 --- a/components/layout/navbar/NavbarDetail.tsx +++ b/components/layout/navbar/NavbarDetail.tsx @@ -1,7 +1,6 @@ import useCurrentSegmentNode from '@/utils/hooks/useCurrentSegmentNode'; import { SegmentNode } from '@/utils/segmentNode'; - import NavTreeRow from './NavtreeRow'; export default function NavbarDetail({ segmentNode }: { segmentNode: SegmentNode }) { diff --git a/components/layout/navbar/NavtreeRow.tsx b/components/layout/navbar/NavtreeRow.tsx index 7ee8016e1..20b96d804 100644 --- a/components/layout/navbar/NavtreeRow.tsx +++ b/components/layout/navbar/NavtreeRow.tsx @@ -9,7 +9,6 @@ import { StraightNode } from '@/components/common/Nodes'; import { getPath } from '@/utils/page'; import { SegmentNode } from '@/utils/segmentNode'; - type NavTreeRowProps = { segmentNode: SegmentNode; highlight: boolean; diff --git a/components/layout/pageLayout/PageLayout.tsx b/components/layout/pageLayout/PageLayout.tsx index 14c753316..3f29b9dc7 100644 --- a/components/layout/pageLayout/PageLayout.tsx +++ b/components/layout/pageLayout/PageLayout.tsx @@ -19,7 +19,7 @@ interface PageLayoutProps { } export const PAGE_PADDING_LEFT_PX = 100; -export const PAGE_PADDING_RIGHT_PX = 350; +export const PAGE_PADDING_RIGHT_PX = 360; export const PAGE_PADDING_TOP_PX = 44; export const PAGE_PADDING_BOTTOM_PX = 150; @@ -35,7 +35,7 @@ export const PAGE_PADDING_BOTTOM_PX = 150; export default function PageLayout({ title, titleType, - titleMargin = 'mb-[44px]', + titleMargin = 'mb-6 sm:mb-11', bodyStyle, children, }: PageLayoutProps) { @@ -53,7 +53,9 @@ export default function PageLayout({ margin={titleMargin} />
      {children} diff --git a/components/layout/pageLayout/PageTitle.tsx b/components/layout/pageLayout/PageTitle.tsx index e28c62554..95d3f3579 100644 --- a/components/layout/pageLayout/PageTitle.tsx +++ b/components/layout/pageLayout/PageTitle.tsx @@ -25,13 +25,7 @@ export default function PageTitle({ title, currentPage, titleType, margin }: Pag const titleStyle = titleType === 'big' ? 'text-2xl font-bold' : 'text-lg font-medium'; return ( -
      +
      @@ -39,7 +33,9 @@ export default function PageTitle({ title, currentPage, titleType, margin }: Pag
      -

      +

      {title}

      @@ -83,7 +79,7 @@ interface LoactionText { } function LocationText({ path, name, isCurrent }: LoactionText) { - const textStyle = 'text-[14px] font-yoon font-normal tracking-[.02em]'; + const textStyle = 'text-md font-normal tracking-[.02em]'; return isCurrent ? (