From 1fedd40899b1b79b9f512d1d6280aac82c652842 Mon Sep 17 00:00:00 2001 From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com> Date: Wed, 15 Oct 2025 05:28:58 +0000 Subject: [PATCH] Update header layout for media outlets and articles Restructures the header component in Article, Community, MediaOutlet, and Report pages to display the logo on the left and the media outlet name below it, accommodating a two-line layout. 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/uCJPlBt --- ...ᅳ린샷 2025-10-15 오후 1.42.39_1760505845507.png | Bin 0 -> 9220 bytes client/src/pages/Article.tsx | 26 ++++++++++-------- client/src/pages/Community.tsx | 20 ++++++++------ client/src/pages/MediaOutlet.tsx | 20 ++++++++------ client/src/pages/Report.tsx | 20 ++++++++------ 5 files changed, 47 insertions(+), 39 deletions(-) create mode 100644 attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760505845507.png diff --git a/attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760505845507.png b/attached_assets/스크린샷 2025-10-15 오후 1.42.39_1760505845507.png new file mode 100644 index 0000000000000000000000000000000000000000..ec9d9d1bc756c740440f99f345ce4b079d0f093f GIT binary patch literal 9220 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 )} -
setLocation("/")}> - SAPIENS - {outlet && ( -
- + {outlet && ( +
+
setLocation("/")}> + SAPIENS +
+
+ {outlet.name}
- )} -
+
+ )}
diff --git a/client/src/pages/Community.tsx b/client/src/pages/Community.tsx index eb7a9fe..c12e031 100644 --- a/client/src/pages/Community.tsx +++ b/client/src/pages/Community.tsx @@ -136,15 +136,17 @@ export default function Community() { )} -
setLocation(`/media/${slug}`)}> - SAPIENS -
- +
+
setLocation(`/media/${slug}`)}> + SAPIENS +
+
+ {outlet.name}
)} -
setLocation("/")}> - SAPIENS -
- +
+
setLocation("/")}> + SAPIENS +
+
+ {outlet.name}
)} -
setLocation("/")}> - SAPIENS -
- +
+
setLocation("/")}> + SAPIENS +
+
+ {outlet.name}