Merge branch 'subwork'
This commit is contained in:
@@ -401,6 +401,13 @@ export function AppHeader() {
|
||||
<div id="dummy" className="block"></div>
|
||||
<div className="hidden xl:flex xl:flex-1 justify-end">
|
||||
<SearchBar/>
|
||||
<Link
|
||||
href="/admin"
|
||||
className="ml-3 inline-flex items-center px-3 h-10 rounded-md border border-neutral-300 text-neutral-700 hover:bg-neutral-100"
|
||||
aria-label="어드민(임시)"
|
||||
>
|
||||
어드민(임시)
|
||||
</Link>
|
||||
</div>
|
||||
</nav>
|
||||
{mobileOpen && (
|
||||
@@ -410,6 +417,14 @@ export function AppHeader() {
|
||||
</div>
|
||||
<div className="flex flex-col gap-4">
|
||||
<SearchBar />
|
||||
<Link
|
||||
href="/admin"
|
||||
onClick={() => setMobileOpen(false)}
|
||||
className="inline-flex items-center justify-center h-10 rounded-md border border-neutral-300 text-neutral-700 hover:bg-neutral-100"
|
||||
aria-label="어드민(임시)"
|
||||
>
|
||||
어드민(임시)
|
||||
</Link>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{categories.map((cat) => (
|
||||
<div key={cat.id}>
|
||||
|
||||
@@ -16,23 +16,29 @@ export function SearchBar() {
|
||||
aria-label="사이트 검색"
|
||||
className="relative w-full max-w-[384px]"
|
||||
>
|
||||
<svg
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden
|
||||
className="absolute right-2 top-2 w-8 h-8"
|
||||
<button
|
||||
type="submit"
|
||||
aria-label="검색 실행"
|
||||
className="absolute right-2 top-2 w-8 h-8 text-neutral-500 hover:text-neutral-800 cursor-pointer"
|
||||
>
|
||||
<path
|
||||
d="M21 21L17.682 17.682M17.682 17.682C18.4963 16.8676 19 15.7426 19 14.5C19 12.0147 16.9853 10 14.5 10C12.0147 10 10 12.0147 10 14.5C10 16.9853 12.0147 19 14.5 19C15.7426 19 16.8676 18.4963 17.682 17.682ZM28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16Z"
|
||||
stroke="#707070"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden
|
||||
className="w-8 h-8"
|
||||
>
|
||||
<path
|
||||
d="M21 21L17.682 17.682M17.682 17.682C18.4963 16.8676 19 15.7426 19 14.5C19 12.0147 16.9853 10 14.5 10C12.0147 10 10 12.0147 10 14.5C10 16.9853 12.0147 19 14.5 19C15.7426 19 16.8676 18.4963 17.682 17.682ZM28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4C22.6274 4 28 9.37258 28 16Z"
|
||||
stroke="currentColor"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<input
|
||||
type="search"
|
||||
name="q"
|
||||
@@ -46,8 +52,6 @@ export function SearchBar() {
|
||||
}}
|
||||
className="w-full h-12 pr-12 pl-2 rounded-2xl border border-neutral-300 bg-white"
|
||||
/>
|
||||
{/* 접근성용 제출 버튼 (시각적으로는 숨김) */}
|
||||
<button type="submit" aria-label="검색" className="sr-only" />
|
||||
</form>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user