From 1c7483b12e0b7e71cfb08174c087de61b66aface Mon Sep 17 00:00:00 2001 From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com> Date: Wed, 15 Oct 2025 04:46:19 +0000 Subject: [PATCH] Update header layout to match design specifications for media outlets Adjusts the header component in Community, MediaOutlet, and Report pages to display the profile picture next to the outlet name, aligning with the provided design mockups. This includes changes to image sizes, text styles, and button variants for a consistent UI. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/cEkjo93 --- ...ᅳ린샷 2025-10-15 오후 1.42.39_1760503523687.png | Bin 0 -> 9220 bytes client/src/pages/Community.tsx | 28 ++++++++---------- client/src/pages/MediaOutlet.tsx | 28 ++++++++---------- client/src/pages/Report.tsx | 28 ++++++++---------- 4 files changed, 39 insertions(+), 45 deletions(-) create mode 100644 attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760503523687.png diff --git a/attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760503523687.png b/attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760503523687.png new file mode 100644 index 0000000000000000000000000000000000000000..ec9d9d1bc756c740440f99f345ce4b079d0f093f GIT binary patch literal 9220 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 )} -
-
setLocation(`/media/${slug}`)}> - SAPIENS -
-
- +
setLocation(`/media/${slug}`)}> + SAPIENS +
+ {outlet.name}
diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx index 2690008..098e0ef 100644 --- a/client/src/pages/MediaOutlet.tsx +++ b/client/src/pages/MediaOutlet.tsx @@ -207,32 +207,30 @@ export default function MediaOutlet() {
)} -
-
setLocation("/")}> - SAPIENS -
-
- +
setLocation("/")}> + SAPIENS +
+ {outlet.name}
diff --git a/client/src/pages/Report.tsx b/client/src/pages/Report.tsx index cb1cf36..8ea82a9 100644 --- a/client/src/pages/Report.tsx +++ b/client/src/pages/Report.tsx @@ -474,32 +474,30 @@ export default function Report() {
)} -
-
setLocation("/")}> - SAPIENS -
-
- +
setLocation("/")}> + SAPIENS +
+ {outlet.name}