style : 리액션 버튼 위치 수정 (#206)

prgrms-fe-devcourse · Nov 6, 2024 · ea545ed · ea545ed
1 parent 0cae108
commit ea545ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/pages/DetailPage/ui/DetailPage.styled.ts b/src/pages/DetailPage/ui/DetailPage.styled.ts
@@ -63,20 +63,20 @@ export const SubEmotionContainer = styled.div`
 export const ReactionShareWrap = styled.div`
     max-width: 960px;
     width: 100%;
+    height: 300px;
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
+    position: relative;
 `;
 
 export const ReactionContainer = styled.div`
     // background-color: rgb(0, 0, 0, 0.1);
-    max-width: 960px;
-    width: 100%;
-    height: 300px;
 `;
 
 export const ShareButtonContainer = styled.div`
-    // position: absolute;
+    position: absolute;
+    right: 0;
 `;
 
 export const ButtonContainer = styled.div`

diff --git a/src/pages/DetailPage/ui/DetailPage.tsx b/src/pages/DetailPage/ui/DetailPage.tsx
@@ -51,7 +51,7 @@ interface DiaryData {
 
 export const DetailPage = () => {
     const { email, userName, isLoggedin, setUserInfo } = useAuthStore();
-    const token = localStorage.getItem('token') || ''; // 임시
+    const token = localStorage.getItem('token') || '';
 
     const { id } = useParams();
     const [data, setData] = useState<DiaryData | null>(null);