diff --git a/src/app/mocks/consts/feed.ts b/src/app/mocks/consts/feed.ts index 06430b1..404aac5 100644 --- a/src/app/mocks/consts/feed.ts +++ b/src/app/mocks/consts/feed.ts @@ -18,43 +18,43 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 4, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 5, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 6, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 7, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 8, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 9, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 10, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -89,15 +89,15 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 3, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -117,23 +117,23 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 3, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 4, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 5, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -153,15 +153,15 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 3, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -181,15 +181,15 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 3, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -209,11 +209,11 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -233,7 +233,7 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], @@ -253,11 +253,11 @@ export const feeds: Feeds = { images: [ { id: 1, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, { id: 2, - imageUrl: 'https://picsum.photos/320/400', + imageUrl: 'https://picsum.photos/320/320', }, ], diff --git a/src/features/feed-reports/ui/FeedReportsForm.scss b/src/features/feed-reports/ui/FeedReportsForm.scss index 66e9e0b..e7368c8 100644 --- a/src/features/feed-reports/ui/FeedReportsForm.scss +++ b/src/features/feed-reports/ui/FeedReportsForm.scss @@ -29,19 +29,17 @@ .report-textarea-container { margin-top: 16px; - position: relative; width: 244px; - height: 72px; .report-textarea { - padding: 10px; + padding: 10px 7px 10px 10px; width: calc(100% - 20px); - height: calc(100% - 20px); + height: 48px; background-color: $gray1; - + border-radius: 4px; resize: none; &:focus { @@ -50,17 +48,15 @@ } .textarea-text-count { - position: absolute; - - right: 10px; - bottom: 8px; + margin-top: 2px; + text-align: right; color: $gray3; } } .hide-checkbox-container { - margin: 12px 0 20px; + margin-bottom: 22px; display: flex; align-items: center; diff --git a/src/features/feed-reports/ui/FeedReportsForm.tsx b/src/features/feed-reports/ui/FeedReportsForm.tsx index 0860186..d5ccc61 100644 --- a/src/features/feed-reports/ui/FeedReportsForm.tsx +++ b/src/features/feed-reports/ui/FeedReportsForm.tsx @@ -76,9 +76,9 @@ export const FeedReportsForm: React.FC = ({ onChange={handleInputContent} maxLength={MAX_REPORT_CONTENT_LENGTH} /> - +

{content.length}/{MAX_REPORT_CONTENT_LENGTH} - +

{/* 숨김 처리 체크박스 */} diff --git a/src/widgets/feed-carousel/ui/Carousel.scss b/src/widgets/feed-carousel/ui/Carousel.scss index 73ca996..ba5600e 100644 --- a/src/widgets/feed-carousel/ui/Carousel.scss +++ b/src/widgets/feed-carousel/ui/Carousel.scss @@ -18,7 +18,7 @@ } img { - aspect-ratio: 4 / 5; + aspect-ratio: 1 / 1; } } } @@ -28,7 +28,7 @@ justify-content: center; gap: 4px; - margin-bottom: 16px; + margin-bottom: 12px; .dot { width: 4px;