horoli/our_recipe_atlas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: refine navigation and account access flow

Browse Source
This commit is contained in:
horoli
2026-08-14 14:16:04 +09:00
parent cee36bf12d
commit 146e78cddf
12 changed files with 239 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+1 -41
View File
@@ -8,21 +8,7 @@
<link rel="stylesheet" href="/css/app.css">
</head>
<body>
<header class="site-header">
<a class="brand" href="/" aria-label="Our Recipe Atlas 홈">
<span class="brand-mark brand-mark-small" aria-hidden="true">ORA</span>
<span>Our Recipe Atlas</span>
</a>
<div class="profile">
<img id="profile-image" class="avatar" alt="" hidden>
<span id="profile-name"></span>
<button id="access-menu-button" class="menu-button" type="button"
aria-label="메뉴 열기" aria-controls="access-drawer"
aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</header>
<header id="site-header" class="site-header"></header>
<main class="page-shell">
<section class="hero">
@@ -94,32 +80,6 @@
</main>
<button id="drawer-backdrop" class="drawer-backdrop" type="button"
aria-label="메뉴 닫기" hidden></button>
<aside id="access-drawer" class="access-drawer" role="dialog" aria-modal="true"
aria-labelledby="drawer-title" aria-hidden="true" hidden>
<div class="drawer-heading">
<div>
<p class="section-number">MENU</p>
<h2 id="drawer-title">메뉴</h2>
</div>
<button id="close-access-drawer" class="drawer-close" type="button"
aria-label="메뉴 닫기">×</button>
</div>
<div class="drawer-account">
<strong id="drawer-user-name"></strong>
<span id="drawer-user-email"></span>
</div>
<div class="drawer-actions">
<button id="open-access-overlay" class="drawer-action" type="button" hidden>
<span>로그인 허용 계정 관리</span><small>관리자</small>
</button>
<button id="drawer-logout" class="drawer-action danger" type="button" data-logout>
로그아웃
</button>
</div>
</aside>
<button id="access-overlay-backdrop" class="access-overlay-backdrop" type="button"
aria-label="로그인 허용 계정 관리 닫기" hidden></button>
<section id="access-overlay" class="access-overlay" role="dialog" aria-modal="true"