SamProject/sam-sales
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Looka vs Brandmark 비교 마크다운 문서를 세련된 디자인의 PHP 대시보드 페이지로 변환 완료

Browse Source 
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
aweso
2026-01-15 17:09:54 +09:00
parent 78bb6b6378
commit 3b691596cc
48 changed files with 1899 additions and 484 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.php
View File

@@ -12,8 +12,7 @@
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="shortcut icon" href="img/favicon.png">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<?php include_once 'lib/meta_common.php'; ?>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script>
tailwind.config = {
@@ -120,18 +119,7 @@
display: block;
box-shadow: 0 0 50px rgba(0,0,0,0.5);
}
.fullscreen-close {
position: fixed;
top: 1.5rem;
right: 1.5rem;
z-index: 110;
background: white;
border-radius: 9999px;
padding: 0.75rem;
cursor: pointer;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
}
/* Mobile touch optimization */
.touch-manipulation {
touch-action: manipulation;
@@ -216,6 +204,9 @@
<a href="creditreport/index.php" class="block px-4 py-2 text-sm text-slate-700 hover:bg-brand-50 hover:text-brand-600 font-medium">
기업신용조회 리포트
</a>
<a href="company/index.php" class="block px-4 py-2 text-sm text-slate-700 hover:bg-brand-50 hover:text-brand-600 font-medium">
기타 기업분석자료
</a>
</div>
</div>
<?php if (isset($_SESSION['userid']) && $_SESSION['userid'] != ''): ?>
@@ -346,10 +337,9 @@
<!-- Modal Content injected by JS -->
</div>
<!-- Full Screen Viewer Overlay -->
<div id="fullscreen-view" onclick="closeFullscreen()">
<div class="fullscreen-close">
<i data-lucide="x" class="w-6 h-6 text-slate-900"></i>
<div class="fullscreen-close btn-close-modal group">
<span>✕</span>
</div>
<img id="fullscreen-img" src="" alt="Full size view" onclick="event.stopPropagation()">
</div>
@@ -361,8 +351,8 @@
<div class="bg-white rounded-2xl shadow-2xl w-full max-w-[95vw] h-[95vh] flex flex-col pointer-events-auto scale-95 opacity-0 transition-all duration-300" id="pdf-modal-card">
<div class="sticky top-0 bg-white/90 backdrop-blur-sm p-4 border-b border-slate-100 flex justify-between items-center z-10">
<h3 class="text-lg font-bold text-slate-900" id="pdf-modal-title">상세자료</h3>
<button onclick="closePdfViewer()" class="w-8 h-8 rounded-full bg-slate-50 hover:bg-slate-100 flex items-center justify-center text-slate-500 transition-colors">
<i data-lucide="x" class="w-5 h-5"></i>
<button onclick="closePdfViewer()" class="btn-close-modal group">
<span>✕</span>
</button>
</div>
<div class="flex-1 overflow-hidden">
@@ -543,9 +533,10 @@
// Initial Render
function init() {
renderFilters();
renderGrid();
// Initial Lucide icons are handled by DOMContentLoaded in meta_common.php
// but we call it here for the dynamically rendered grid items
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
@@ -757,8 +748,8 @@
<div class="flex items-center gap-2">
<h3 class="text-base sm:text-lg font-bold text-slate-900 break-keep leading-tight" style="word-break: keep-all; overflow-wrap: break-word;">${asset.title}</h3>
</div>
<button onclick="closeModal()" class="w-8 h-8 rounded-full bg-slate-50 hover:bg-slate-100 flex items-center justify-center text-slate-500 transition-colors">
<i data-lucide="x" class="w-5 h-5"></i>
<button onclick="closeModal()" class="btn-close-modal group">
<span>✕</span>
</button>
</div>
@@ -1064,6 +1055,6 @@
// Initialize
init();
</script>
<script src="https://player.vimeo.com/api/player.js"></script>
</body>
</html>