diff --git a/Frontend/src/pages/Guide/Guide.tsx b/Frontend/src/pages/Guide/Guide.tsx index d836eb9..be2396f 100644 --- a/Frontend/src/pages/Guide/Guide.tsx +++ b/Frontend/src/pages/Guide/Guide.tsx @@ -57,10 +57,16 @@ const TabWrap = styled.ul` font-weight: 700; width: 300px; display: flex; - justify-content: space-between; + /* justify-content: space-between; */ + align-items: center; + gap: 30px; position: sticky; - top: 90px; + top: 70px; z-index: 1; + background-color: #f4f4f9; + width: 100%; + height: 50px; + padding-left: 30px; .active { border-bottom: solid 2px #056fe7; color: #056fe7; @@ -78,9 +84,9 @@ const Guide = () => { const data = ["재난대처", "응급처치", "생존배낭"]; // 안드로이드 데이터 전송 - useEffect(() => { - window.Android.getType(name); - }, [name]); + // useEffect(() => { + // window.Android.getType(name); + // }, [name]); // useEffect(() => { // let stored = localStorage.getItem("tabs"); @@ -124,20 +130,20 @@ const Guide = () => { + + {data.map((x) => { + return ( +
  • + {x} +
  • + ); + })} +
    - - {data.map((x) => { - return ( -
  • - {x} -
  • - ); - })} -
    {name === "생존배낭" ? ( ) : name === "응급처치" ? (