20-26번 파일 헤더 통일

This commit is contained in:
doyeon 2025-10-21 10:46:40 +09:00
parent 76c26dd8e4
commit 0f68d2b075
7 changed files with 86 additions and 41 deletions

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>당첨자 명단 관리 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -615,10 +616,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">당첨자 명단 관리</h1>
<button class="header__action" aria-label="새로고침"></button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">당첨자 명단 관리</h1>
<div class="app-bar__right">
<button class="header__action" aria-label="새로고침"></button>
</div>
</div>
</header>
<!-- Main -->
@ -768,7 +775,7 @@
const emptyState = $('#emptyState');
const exportBtn = $('#exportBtn');
const notifyBtn = $('#notifyBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
const refreshBtn = $('.header__action');
const countAll = $('#countAll');
const countPending = $('#countPending');

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>실시간 대시보드 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -535,14 +536,18 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">실시간 대시보드</h1>
<div class="header__actions">
<button class="header__action" id="refreshBtn" aria-label="새로고침">
<span class="refresh-indicator"></span>
</button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">실시간 대시보드</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침">
<span class="refresh-indicator"></span>
</button>
</div>
</div>
</header>
@ -703,7 +708,7 @@
const activityList = $('#activityList');
const dateRangeBtns = $$('.date-range__btn');
const refreshBtn = $('#refreshBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Generate Mock Data
function generateMockData(range) {

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>채널별 성과 분석 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -491,10 +492,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">채널별 성과 분석</h1>
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">채널별 성과 분석</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
</div>
</div>
</header>
<!-- Main -->
@ -605,7 +612,7 @@
const periodFilterBtns = $$('.period-filter__btn');
const refreshBtn = $('#refreshBtn');
const exportBtn = $('#exportBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Generate Mock Channel Data
function generateChannelData(period) {

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>ROI 분석 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -524,10 +525,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">ROI 분석</h1>
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">ROI 분석</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
</div>
</div>
</header>
<!-- Main -->
@ -660,7 +667,7 @@
const insightsList = $('#insightsList');
const refreshBtn = $('#refreshBtn');
const exportBtn = $('#exportBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Generate Mock Data
function generateROIData() {

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>분석 리포트 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -548,12 +549,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">분석 리포트</h1>
<div class="header__actions">
<button class="header__action" id="shareBtn" aria-label="공유하기">📤</button>
<button class="header__action" id="printBtn" aria-label="인쇄하기">🖨</button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">분석 리포트</h1>
<div class="app-bar__right">
<button class="header__action" id="shareBtn" aria-label="공유하기">📤</button>
<button class="header__action" id="printBtn" aria-label="인쇄하기">🖨</button>
</div>
</div>
</header>
@ -807,7 +812,7 @@
const printBtn = $('#printBtn');
const saveBtn = $('#saveBtn');
const downloadBtn = $('#downloadBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Format Date
function formatDate(date) {

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>이벤트 목록 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -487,10 +488,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">이벤트 목록</h1>
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">이벤트 목록</h1>
<div class="app-bar__right">
<button class="header__action" id="refreshBtn" aria-label="새로고침"></button>
</div>
</div>
</header>
<!-- Main -->
@ -589,7 +596,7 @@
const refreshBtn = $('#refreshBtn');
const fabBtn = $('#fabBtn');
const emptyCreateBtn = $('#emptyCreateBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Generate Mock Events
function generateMockEvents() {

View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/components/navigation.css">
<title>마이페이지 - KT AI 이벤트 플랫폼</title>
<style>
/* CSS Reset */
@ -380,10 +381,16 @@
</head>
<body>
<!-- Header -->
<header class="header">
<button class="header__back" aria-label="뒤로 가기"></button>
<h1 class="header__title">마이페이지</h1>
<button class="header__action" id="settingsBtn" aria-label="설정">⚙️</button>
<header class="app-bar">
<div class="app-bar__container">
<div class="app-bar__left">
<button class="app-bar__back" aria-label="뒤로 가기"></button>
</div>
<h1 class="app-bar__title">마이페이지</h1>
<div class="app-bar__right">
<button class="header__action" id="settingsBtn" aria-label="설정">⚙️</button>
</div>
</div>
</header>
<!-- Main -->
@ -609,7 +616,7 @@
const termsBtn = $('#termsBtn');
const privacyBtn = $('#privacyBtn');
const logoutBtn = $('#logoutBtn');
const backBtn = $('.header__back');
const backBtn = $('.app-bar__back');
// Format Number
function formatNumber(num) {