search

FC-DEV-FinalProject / FinalProject_2VEN_FE

데브코스 파이널프로젝트 시스메틱 2조 이븐한조 FE 리포지토리
0 stars 1 forks source link

[Design] 전략 수정 페이지 CSS #157

Closed ssuminii closed 6 days ago

ssuminii commented 6 days ago

🚀 풀 리퀘스트 제안

closes #150

📋 작업 내용

전략 수정 페이지 CSS

🔧 변경 사항

주요 변경 사항을 요약해 주세요.

📸 스크린샷 (선택 사항)

image

📄 기타

추가적으로 전달하고 싶은 내용이나 특별한 요구 사항이 있으면 작성해 주세요.

Sourcery에 의한 요약

개선 사항:

Original summary in English ## Summary by Sourcery Enhancements: - Redesign the Strategy Edit Page with updated CSS styling.
sourcery-ai[bot] commented 6 days ago

리뷰어 가이드 by Sourcery

이 PR은 전략 편집 페이지의 레이아웃과 스타일을 구현하여 업데이트합니다. 구현은 기본 헤딩을 적절한 페이지 헤더 컴포넌트로 대체하고, Emotion CSS를 사용하여 특정 스타일을 가진 폼 컨테이너를 추가합니다.

변경 사항이 간단해 보이고 시각적 표현이 필요하지 않으므로 다이어그램이 생성되지 않았습니다.

파일 수준 변경 사항

변경 사항 세부 사항 파일
전략 편집 페이지의 레이아웃 구조 구현
  • 제목, 설명, 아이콘이 포함된 PageHeader 컴포넌트 추가
  • StrategyCreateForm 컴포넌트 통합
  • 특정 너비와 패딩을 가진 컨테이너 래퍼 추가
 src/pages/mypage/trader/StrategyEditPage.tsx
Emotion CSS를 사용한 스타일 추가
  • 테마 기반 너비를 가진 컨테이너 스타일 생성
  • 수직 60px, 수평 70px의 패딩 적용
  • 중앙 정렬을 위한 마진을 auto로 설정
 src/pages/mypage/trader/StrategyEditPage.tsx

연결된 이슈에 대한 평가

이슈 목표 해결됨 설명
#150 전략 편집 페이지에 대한 CSS 스타일링 구현 ✅

연결될 가능성이 있는 이슈

팁 및 명령어 #### Sourcery와 상호작용하기 - **새 리뷰 트리거:** 풀 리퀘스트에 `@sourcery-ai review`라고 댓글을 남깁니다. - **토론 계속하기:** Sourcery의 리뷰 댓글에 직접 답장합니다. - **리뷰 댓글에서 GitHub 이슈 생성:** 리뷰 댓글에서 이슈를 생성하도록 Sourcery에 요청합니다. - **풀 리퀘스트 제목 생성:** 풀 리퀘스트 제목 어디에나 `@sourcery-ai`를 작성하여 언제든지 제목을 생성합니다. - **풀 리퀘스트 요약 생성:** 풀 리퀘스트 본문 어디에나 `@sourcery-ai summary`를 작성하여 언제든지 PR 요약을 생성합니다. 이 명령을 사용하여 요약이 삽입될 위치를 지정할 수도 있습니다. #### 경험 맞춤화 [대시보드](https://app.sourcery.ai)에 접속하여: - Sourcery가 생성한 풀 리퀘스트 요약, 리뷰어 가이드 등과 같은 리뷰 기능을 활성화하거나 비활성화합니다. - 리뷰 언어를 변경합니다. - 사용자 정의 리뷰 지침을 추가, 제거 또는 편집합니다. - 기타 리뷰 설정을 조정합니다. #### 도움 받기 - 질문이나 피드백이 있는 경우 [지원 팀에 문의](mailto:support@sourcery.ai)하세요. - 자세한 가이드와 정보를 보려면 [문서](https://docs.sourcery.ai)를 방문하세요. - [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) 또는 [GitHub](https://github.com/sourcery-ai)에서 Sourcery 팀을 팔로우하여 소식을 받아보세요.
Original review guide in English ## Reviewer's Guide by Sourcery This PR updates the strategy edit page by implementing its layout and styling. The implementation replaces the basic heading with a proper page header component and adds a form container with specific styling using Emotion CSS. _No diagrams generated as the changes look simple and do not need a visual representation._ ### File-Level Changes | Change | Details | Files | | ------ | ------- | ----- | | Implemented the layout structure for the strategy edit page |
  • Added PageHeader component with title, description, and icon
  • Integrated StrategyCreateForm component
  • Added container wrapper with specific width and padding
| `src/pages/mypage/trader/StrategyEditPage.tsx` | | Added styling using Emotion CSS |
  • Created container styles with theme-based width
  • Applied padding of 60px vertical and 70px horizontal
  • Set margin to auto for center alignment
| `src/pages/mypage/trader/StrategyEditPage.tsx` | ### Assessment against linked issues | Issue | Objective | Addressed | Explanation | | ------ | ------- | ----- | ----- | | #150 | Implement CSS styling for the strategy edit page | ✅ | | ### Possibly linked issues - **#150**: The PR implements the CSS changes for the strategy edit page as described in the issue. ---
Tips and commands #### Interacting with Sourcery - **Trigger a new review:** Comment `@sourcery-ai review` on the pull request. - **Continue discussions:** Reply directly to Sourcery's review comments. - **Generate a GitHub issue from a review comment:** Ask Sourcery to create an issue from a review comment by replying to it. - **Generate a pull request title:** Write `@sourcery-ai` anywhere in the pull request title to generate a title at any time. - **Generate a pull request summary:** Write `@sourcery-ai summary` anywhere in the pull request body to generate a PR summary at any time. You can also use this command to specify where the summary should be inserted. #### Customizing Your Experience Access your [dashboard](https://app.sourcery.ai) to: - Enable or disable review features such as the Sourcery-generated pull request summary, the reviewer's guide, and others. - Change the review language. - Add, remove or edit custom review instructions. - Adjust other review settings. #### Getting Help - [Contact our support team](mailto:support@sourcery.ai) for questions or feedback. - Visit our [documentation](https://docs.sourcery.ai) for detailed guides and information. - Keep in touch with the Sourcery team by following us on [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) or [GitHub](https://github.com/sourcery-ai).
netlify[bot] commented 6 days ago

Deploy Preview for sysmetics ready!

Name Link
Latest commit a3f7907dfcc363ec31aeecc6e472b6c1f0714b7d
Latest deploy log https://app.netlify.com/sites/sysmetics/deploys/673c5c9768470c0008e9cd1d
Deploy Preview https://deploy-preview-157--sysmetics.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.