Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: faq 페이지 워딩 수정 및 스타일 코드 수정 #347

Merged
merged 3 commits into from
Sep 29, 2023
Merged

fix: faq 페이지 워딩 수정 및 스타일 코드 수정 #347

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e42d1fb
design: transition 시간 조정
ww8007 Sep 29, 2023
6704962
fix: faq 페이지 워딩 수정
ww8007 Sep 29, 2023
5e83816
fix: 탈퇴 시 복구 안됨으로 수정
ww8007 Sep 29, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/common-ui/Collapsible.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ const ToggleCard = styled.div`
const IconSection = styled.div<{ open: boolean }>`
margin-right: 15px;
display: inline-block;
transition: transform 0.3s ease;
transition: transform 0.5s ease;
transform: rotate(${(props) => (props.open ? '90deg' : '0deg')});
`;

Expand All @@ -44,10 +44,10 @@ const ToggleBody = styled.div<{ open: boolean }>`
flex-direction: row;
align-items: center;

max-height: ${(props) => (props.open ? getRem(250) : '0')};
max-height: ${(props) => (props.open ? getRem(500) : '0')};
opacity: ${(props) => (props.open ? '1' : '0')};
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
transition: all 0.3s ease;

gap: ${getRem(10)};
background: #313131;
Expand Down
17 changes: 10 additions & 7 deletions src/pages/FaqPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const FaqPage = () => {

피클리에서는 다른 사용자들이 공유한 북마크도 볼 수 있고, 자신의 북마크를 다른 사용자들과 공유할 수도 있습니다.

또한 사용자를 대신해 읽지 않은 북마크를 읽어주는 기능도 있어요!"
또한 알림을 통해 읽지 않은 북마크를 확인할 수 있어요!"
/>
<Collapsible
summary="알림을 끄고 싶어요!"
Expand All @@ -35,19 +35,20 @@ const FaqPage = () => {
/>
<Collapsible
summary="탈퇴는 어떻게 하나요?"
detail="[탈퇴하는 방법]
detail={`[탈퇴하는 방법]

내 정보 > 상단 ... 아이콘 > 내 정보 수정 > 탈퇴하기
내 정보 > 상단 설정 아이콘 > 내 정보 수정 > 탈퇴하기

다만 탈퇴시 복구가 어려우니 이 점 유의해주세요!"
다만 탈퇴시 다시 복구할 수 없으니 이 점 유의해주세요!`}
/>
<Collapsible
summary="친구를 추가하고 싶어요!"
detail="[친구 추가하는 방법]

친구 목록 페이지 > 검색 > 친구 팔로우

친구의 닉네임을 검색하시면 친구를 추가하실 수 있습니다."
친구의 닉네임을 검색하시면 친구를 추가하실 수 있습니다.
차단한 사용자는 검색되지 않습니다."
/>
<Collapsible
summary="모바일 웹에서 피클리를 사용하고 싶어요!"
Expand All @@ -68,12 +69,14 @@ const FaqPage = () => {
설치하면 됩니다.

2. 피클리 모바일에서 인증코드를 발급 받아 주세요.
마이페이지 > 우측 상단 설정 버튼 > 인증코드 발급 메뉴를 이용하면 됩니다.
마이페이지 > 우측 상단 설정 버튼 > 인증코드 발급 메뉴를
이용하면 됩니다.

3. 크롬 웹 브라우저에서 마우스 우클릭 > pickly extension 을 누른 후,
인증코드를 입력해 로그인 해주세요.
로그인에 성공했다면, 원하는 북마크 페이지에서
마우스 우클릭 > pickly extension을 눌러 피클리에 북마크를 추가할 수 있어요!"
마우스 우클릭 > pickly extension을 눌러 피클리에 북마크를
추가할 수 있어요!"
/>
</LBody>
</LMiddle>
Expand Down
Loading