From 253339e7beb921f71b34a033ff4d855608f2ee5a Mon Sep 17 00:00:00 2001 From: hyunn522 Date: Tue, 20 Aug 2024 13:00:08 +0900 Subject: [PATCH 1/2] fix: modify floatingBtn style --- src/pages/BoardPage/BoardPage.styled.ts | 6 ++++++ src/pages/BoardPage/BoardPage.tsx | 10 +++++++--- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/src/pages/BoardPage/BoardPage.styled.ts b/src/pages/BoardPage/BoardPage.styled.ts index a7f27fa..18e5b47 100644 --- a/src/pages/BoardPage/BoardPage.styled.ts +++ b/src/pages/BoardPage/BoardPage.styled.ts @@ -28,6 +28,12 @@ export const BoardHeader = styled.div` } `; +export const BoardFloatingBtn = styled.img` + position: fixed; + bottom: 5.625rem; + right: 3rem; +`; + export const BoardPostItemEmpty = styled.div` margin-top: 16rem; display: flex; diff --git a/src/pages/BoardPage/BoardPage.tsx b/src/pages/BoardPage/BoardPage.tsx index 1585333..dc3e513 100644 --- a/src/pages/BoardPage/BoardPage.tsx +++ b/src/pages/BoardPage/BoardPage.tsx @@ -3,12 +3,16 @@ import { useNavigate } from "react-router-dom"; import { BoardPost, getAllPosts } from "@/apis/Board/BoardReadApi"; import arrowDown from "@/assets/Board/chevron_down.svg"; +import floating from "@/assets/Board/floating.svg"; import search from "@/assets/Board/search.svg"; import TopBarText, { LeftEnum } from "@/components/TopBarText"; import BoardBottomModal from "@/pages/BoardPage/BoardBottomModal"; -import { BoardHeader, BoardPostItemEmpty } from "@/pages/BoardPage/BoardPage.styled"; +import { + BoardFloatingBtn, + BoardHeader, + BoardPostItemEmpty, +} from "@/pages/BoardPage/BoardPage.styled"; import BoardPostItem from "@/pages/BoardPage/BoardPostItem"; -import { AddChatBtn } from "@/pages/ChatPage/ChatAddBtn.styled"; export type boardSelectedOptionType = { id: string; @@ -82,7 +86,7 @@ const BoardPage = () => {
첫 게시글을 작성해보세요! )} - navigate("/board/register")} /> + navigate("/board/register")} /> Date: Tue, 20 Aug 2024 13:09:46 +0900 Subject: [PATCH 2/2] fix: adjust relative path --- src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts b/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts index 5985ee3..4124ffa 100644 --- a/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts +++ b/src/pages/ChatPage/ChatCreatePage/ChatCreatePage.styled.ts @@ -1,9 +1,11 @@ import styled from "styled-components"; -import SearchIcon from "@/assets/ChatPage/icon_search.svg"; +// import SearchIcon from "@/assets/ChatPage/icon_search.svg"; import { BottomBtn } from "@/components/BottomBtn"; import { Input } from "@/components/Input"; +import SearchIcon from "../../../assets/ChatPage/icon_search.svg"; + export const ChatroomAddImgBtn = styled.label<{ $backgroundImage: string | null }>` display: flex; width: 8.5rem;