From 507aa5342041cc78cb789b4c3fcb096598b9412b Mon Sep 17 00:00:00 2001 From: aster-void <137767097+aster-void@users.noreply.github.com> Date: Fri, 22 May 2026 13:55:52 +0900 Subject: [PATCH 1/2] =?UTF-8?q?ui:=20=E5=85=AC=E9=96=8B=E3=82=B5=E3=82=A4?= =?UTF-8?q?=E3=83=88=E3=83=BB=E7=AE=A1=E7=90=86=E7=94=BB=E9=9D=A2=E3=81=AE?= =?UTF-8?q?=E5=85=A8=E4=BD=93=E6=9C=80=E9=81=A9=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 主な改善: - a11y: focus-visible リング統一、aria-invalid/aria-describedby/role=dialog、alt 補強 - ホバー一貫性: 検索/フッター/ナビに hover:bg-primary/5 系を統一 - レスポンシブ: 記事ヘッダーのモバイル縦並び、画像高さ抑制、グリッド調整 - ポリッシュ: 空状態カード化、prose 色明示、ページネーション/カード ring 強化 - フォーム: スラッグラベル可視化、保存成功表示の延長、エラー aria 紐付け - 画像: ImageSection に loading=lazy/decoding=async、カテゴリバッジに dark base bun tidy / build ともクリーン通過。 --- src/lib/components/ImageSection.svelte | 8 ++- src/lib/components/Markdown.svelte | 2 +- src/lib/components/Pagination.svelte | 6 +-- .../admin-dashboard/NeedsAttention.svelte | 2 +- .../admin-dashboard/QuickActions.svelte | 6 +-- .../admin-dashboard/RecentActivity.svelte | 2 +- .../article-form/ArticleEditor.svelte | 54 +++++++++++-------- .../article-form/ArticleFormHeader.svelte | 12 ++--- src/lib/components/confirm-modal.svelte | 4 +- src/lib/components/home/HeroSection.svelte | 1 + .../components/home/SponsorsSection.svelte | 4 +- src/lib/components/home/StatsSection.svelte | 2 +- src/lib/components/image-upload.svelte | 2 +- .../member-form/MemberEditor.svelte | 15 ++++-- .../project-form/ProjectFormHeader.svelte | 2 +- src/routes/(admin)/+layout.svelte | 7 +-- .../(admin)/admin/analytics/+page.svelte | 12 ++++- .../(admin)/admin/articles/+page.svelte | 4 +- src/routes/(admin)/admin/members/+page.svelte | 6 +-- src/routes/(admin)/admin/migrate/+page.svelte | 2 +- .../(admin)/admin/projects/+page.svelte | 16 ++---- .../(admin)/admin/settings/+page.svelte | 4 +- src/routes/(site)/+layout.svelte | 14 +++-- src/routes/(site)/activities/+page.svelte | 6 +-- src/routes/(site)/members/[slug]/+page.svelte | 3 +- .../(site)/projects/[slug]/+page.svelte | 4 +- src/routes/(site)/search/+page.svelte | 11 ++-- src/routes/login/+page.svelte | 5 +- 28 files changed, 124 insertions(+), 92 deletions(-) diff --git a/src/lib/components/ImageSection.svelte b/src/lib/components/ImageSection.svelte index 26471a3..4d0e898 100644 --- a/src/lib/components/ImageSection.svelte +++ b/src/lib/components/ImageSection.svelte @@ -20,7 +20,13 @@ ? 'lg:rounded-r-2xl' : 'lg:ml-auto lg:rounded-l-2xl'}" > - {imageAlt} + {imageAlt}
diff --git a/src/lib/components/Markdown.svelte b/src/lib/components/Markdown.svelte index 3a24f41..980c356 100644 --- a/src/lib/components/Markdown.svelte +++ b/src/lib/components/Markdown.svelte @@ -14,7 +14,7 @@ }); -
+
{@html html}
diff --git a/src/lib/components/Pagination.svelte b/src/lib/components/Pagination.svelte index 22781ac..09afdf3 100644 --- a/src/lib/components/Pagination.svelte +++ b/src/lib/components/Pagination.svelte @@ -13,7 +13,7 @@ {#if currentPage > 1} 前へ @@ -30,7 +30,7 @@ {#if totalPages <= 7 || pageNum === 1 || pageNum === totalPages || Math.abs(pageNum - currentPage) <= 1} 次へ diff --git a/src/lib/components/admin-dashboard/NeedsAttention.svelte b/src/lib/components/admin-dashboard/NeedsAttention.svelte index d273a75..83f8b36 100644 --- a/src/lib/components/admin-dashboard/NeedsAttention.svelte +++ b/src/lib/components/admin-dashboard/NeedsAttention.svelte @@ -37,7 +37,7 @@ {#each draftArticles as draft (draft.id)}
diff --git a/src/lib/components/admin-dashboard/QuickActions.svelte b/src/lib/components/admin-dashboard/QuickActions.svelte index 8ccf324..b6402a0 100644 --- a/src/lib/components/admin-dashboard/QuickActions.svelte +++ b/src/lib/components/admin-dashboard/QuickActions.svelte @@ -12,21 +12,21 @@
Add Member New Article New Project diff --git a/src/lib/components/admin-dashboard/RecentActivity.svelte b/src/lib/components/admin-dashboard/RecentActivity.svelte index bddb216..202e26d 100644 --- a/src/lib/components/admin-dashboard/RecentActivity.svelte +++ b/src/lib/components/admin-dashboard/RecentActivity.svelte @@ -32,7 +32,7 @@ {#each recentArticles as article (article.id)}
- 0} - class:border-red-300={displayError} - /> - 0} - class:border-red-300={displayError} - placeholder="title-slug" - /> +
+ + 0} + class:border-red-300={displayError} + /> +
+
+ + 0} + class:border-red-300={displayError} + placeholder="title-slug" + /> +
- {#if displayError} -

{displayError}

- {/if} +
+ {#if displayError} +

{displayError}

+ {/if} +
{#if initialSlug && slug !== initialSlug} diff --git a/src/lib/components/article-form/ArticleFormHeader.svelte b/src/lib/components/article-form/ArticleFormHeader.svelte index 055ec58..4af86b3 100644 --- a/src/lib/components/article-form/ArticleFormHeader.svelte +++ b/src/lib/components/article-form/ArticleFormHeader.svelte @@ -58,7 +58,7 @@ successTimeout = setTimeout(() => { saveSuccess = false; successTimeout = null; - }, 2000); + }, 3500); } return () => { @@ -93,9 +93,9 @@
-
+
-
+
{#if articleId}
-

+

{opts.title}

diff --git a/src/lib/components/home/HeroSection.svelte b/src/lib/components/home/HeroSection.svelte index a20c3bd..28675ac 100644 --- a/src/lib/components/home/HeroSection.svelte +++ b/src/lib/components/home/HeroSection.svelte @@ -7,6 +7,7 @@ diff --git a/src/lib/components/home/SponsorsSection.svelte b/src/lib/components/home/SponsorsSection.svelte index 0fe37db..ac61e0f 100644 --- a/src/lib/components/home/SponsorsSection.svelte +++ b/src/lib/components/home/SponsorsSection.svelte @@ -59,7 +59,9 @@ {/if} {/each} {:else} -
+

協賛企業を募集中です
-
+
{#if displayError} -

{displayError}

+

{displayError}

{/if}
- +