[FE][Style] #257 : 결과 컴포넌트 및 지도 페이지 style 수정

boostcampwm-2024 · Nov 26, 2024 · 035d7f9 · 035d7f9
1 parent f7681ab
commit 035d7f9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/frontend/src/component/header/Header.tsx b/frontend/src/component/header/Header.tsx
@@ -23,7 +23,7 @@ export const Header = (props: IHeaderProps) => {
   return (
     <header
       className={classNames(
-        'absolute flex w-full flex-col gap-2.5 bg-transparent p-4',
+        'absolute flex w-full flex-col gap-2.5 bg-transparent px-4 pb-2 pt-4',
         props.className,
       )}
     >

diff --git a/frontend/src/component/routebutton/RouteResultButton.tsx b/frontend/src/component/routebutton/RouteResultButton.tsx
@@ -28,11 +28,11 @@ export const RouteResultButton = (props: IRouteResultButtonProps) => {
             props.user.id > 1 ? '' : 'mr-8',
           )}
         >
-          <div className="h-full w-24 overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-2 py-4 text-start text-xs font-normal">
-            {props.user.start_location.title}
+          <div className="h-full w-24 overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-2 py-[16px] text-start text-xs font-normal">
+            {props.user.end_location.title}
           </div>
           <GoArrowRight className="mx-2 h-8 w-8" />
-          <div className="h-full w-24 overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-2 py-4 text-start text-xs font-normal">
+          <div className="h-full w-24 overflow-hidden text-ellipsis whitespace-nowrap rounded border-2 px-2 py-[16px] text-start text-xs font-normal">
             {props.user.end_location.title}
           </div>
         </div>

diff --git a/frontend/src/component/searchbox/SearchBox.tsx b/frontend/src/component/searchbox/SearchBox.tsx
@@ -52,13 +52,13 @@ export const SearchBox = (props: ISearchBoxProps) => {
     setError(null);
 
     try {
-      // const apiUrl = `https://cors-anywhere.herokuapp.com/https://openapi.naver.com/v1/search/local.json?query=${encodeURIComponent(
-      //   inputValue,
-      // )}&display=5&start=1&sort=random`;
-
-      const apiUrl = `https://openapi.naver.com/v1/search/local.json?query=${encodeURIComponent(
+      const apiUrl = `https://cors-anywhere.herokuapp.com/https://openapi.naver.com/v1/search/local.json?query=${encodeURIComponent(
         inputValue,
-      )}&display=10&start=1&sort=random`;
+      )}&display=5&start=1&sort=random`;
+
+      // const apiUrl = `https://openapi.naver.com/v1/search/local.json?query=${encodeURIComponent(
+      //   inputValue,
+      // )}&display=10&start=1&sort=random`;
 
       const response = await fetch(apiUrl, {
         headers: {

diff --git a/frontend/src/pages/DrawRoute.tsx b/frontend/src/pages/DrawRoute.tsx
@@ -128,7 +128,7 @@ export const DrawRoute = () => {
 
   return (
     <ToolTypeProvider>
-      <div className="flex h-full w-full flex-col py-20">
+      <div className="flex h-full w-full flex-col py-[75px]">
         <div style={{ position: 'relative', padding: '1rem' }}>
           <MapProviderForDraw width={window.innerWidth - 32} height={window.innerHeight - 180} />
         </div>