fix aunでいただいた、ユニット余白以外の修正箇所に対応

flour621 · flour621 · commit d1da3c1a3c8e · 2025-01-30T19:16:59.000+09:00
diff --git a/src/develop/include/category/list-side.html b/src/develop/include/category/list-side.html
@@ -5,8 +5,8 @@
   <ul class="border-b border-solid border-gray-200 text-sm text-gray-900">
   <!-- END ul#front --><!-- BEGIN li#front -->
     <li class="py-2 border-t border-solid border-gray-200 [&>ul]:border-b-0 [&>ul>li]:border-t-0 [&>ul>li]:py-0 [&>ul>li]:pl-3"><!-- END li#front --><!-- BEGIN category:veil -->
-      <a href="{url}" class="flex items-center gap-3 py-2 hover:opacity-70">
-        <span class="icon text-gray-400 mr-1">
+      <a href="{url}" class="flex items-center gap-1.5 py-2 hover:opacity-70">
+        <span class="icon text-gray-400 flex-none">
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3">
             <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
           </svg>
diff --git a/src/develop/include/entry/body.html b/src/develop/include/entry/body.html
@@ -19,7 +19,7 @@
       <span>この記事は最終更新日から<span id="js-outdated-year"></span>年以上経過しています。</span>
     </p>
     <!-- BEGIN title:veil -->
-    <h1 class="font-bold text-2xl entry-title"><a href="{titleUrl}">{title}</a></h1>
+    <h1 class="font-bold text-2xl entry-title">{title}</h1>
     <!-- END title:veil -->
     <div class="md:flex items-center flex-wrap gap-4 mt-4 text-gray-500 text-sm">
       <!-- BEGIN pdate:veil -->
@@ -30,10 +30,10 @@ <h1 class="font-bold text-2xl entry-title"><a href="{titleUrl}">{title}</a></h1>
       <!-- END udate:veil -->
     </div>
     <!-- BEGIN_IF [%{CID}/nem] -->
-    <p class="mt-4"><a href="{url}" class="text-indigo-600 font-bold">%{CATEGORY_NAME}</a></p>
+    <p class="mt-4 break-words"><a href="{url}" class="text-indigo-600 font-bold">%{CATEGORY_NAME}</a></p>
     <!-- END_IF -->
     <!-- BEGIN tag:veil -->
-    <ul class="flex flex-wrap gap-3 mt-4 text-gray-900">
+    <ul class="flex flex-wrap gap-x-4 gap-y-1 mt-4 text-gray-900">
       <!-- BEGIN tag:loop -->
       <li><a href="{url}" class="hover:opacity-70">#{name}</a></li>
       <!-- END tag:loop -->
diff --git a/src/develop/include/entry/summary-card.html b/src/develop/include/entry/summary-card.html
@@ -7,11 +7,11 @@
   <!-- END notFound -->
 
   <!-- BEGIN_MODULE Touch_Keyword -->
-  <p class="text-gray-900 text-xl font-bold mb-8">%{KEYWORD} の検索結果：{itemsAmount}件</p>
+  <p class="text-gray-900 text-2xl font-bold mb-8">%{KEYWORD} の検索結果：{itemsAmount}件</p>
   <!-- END_MODULE Touch_Keyword -->
 
   <!-- BEGIN unit:loop -->
-  <div class="grid grid-cols-12 pb-10 gap-8">
+  <div class="grid grid-cols-12 pb-10 gap-y-8 gap-x-4 sm:gap-8">
     <!-- BEGIN entry:loop -->
     <div class="flex flex-col items-start space-y-3 col-span-12 {{column_class|default('sm:col-span-6')}}">
       <a href="{url}" class="block w-full text-sm hover:opacity-70">
diff --git a/src/develop/include/entry/tag-relational-card.html b/src/develop/include/entry/tag-relational-card.html
@@ -1,6 +1,6 @@
 <!-- BEGIN_MODULE Entry_TagRelational id="{{module_id}}" -->
 <h2 class="text-lg font-bold">関連記事</h2>
-<p class="mt-3 mb-8"><span>この記事のハッシュタグ</span><!-- BEGIN_MODULE Tag_Cloud ctx="eid/%{EID}" --><span class="flex my-0.5 md:my-0 md:inline md:ml-3"><!-- BEGIN tag:loop --><span class="mr-3"><a href="{path}" class="text-gray-500 underline hover:no-underline">#{name}</a></span><!-- END tag:loop --></span><!-- END_MODULE Tag_Cloud --><span>から関連する記事を表示しています。</span></p>
+<p class="mt-3 mb-8"><span>この記事のハッシュタグ</span><!-- BEGIN_MODULE Tag_Cloud ctx="eid/%{EID}" --><span class="flex my-0.5 md:my-0 md:inline md:ml-3"><!-- BEGIN tag:loop --><span class="mr-3"><a href="{path}" class="text-gray-500 no-underline hover:opacity-70">#{name}</a></span><!-- END tag:loop --></span><!-- END_MODULE Tag_Cloud --><span>から関連する記事を表示しています。</span></p>
 <div>
   @include("/admin/module/setting.html")
 
diff --git a/src/develop/include/footer.html b/src/develop/include/footer.html
@@ -6,11 +6,11 @@
     <!-- BEGIN_MODULE Blog_Field ctx="bid/1" -->
     <!-- BEGIN sns:veil -->
     <div class="flex justify-center mt-6 space-x-6">
-      <!-- BEGIN twitter_account:veil -->
-      <a href="https://x.com/{twitter_account}" class="block hover:opacity-70">
+      <!-- BEGIN x_account:veil -->
+      <a href="https://x.com/{x_account}" class="block hover:opacity-70">
         <img src="/images/icons/x.svg" alt="X（旧Twitter）" class="w-6 h-6 mx-auto">
       </a>
-      <!-- END twitter_account:veil -->
+      <!-- END x_account:veil -->
       <!-- BEGIN facebook_account:veil -->
       <a href="https://www.facebook.com/{facebook_account}" class="block hover:opacity-70">
         <img src="/images/icons/facebook.svg" alt="Facebook" class="w-6 h-6 mx-auto">
@@ -24,7 +24,7 @@
     </div>
     <!-- END sns:veil -->
 
-    <small class="block mt-6 text-base leading-6 text-center text-gray-400">
+    <small class="block mt-6 text-sm leading-6 text-center text-gray-400">
       {site_footer}
     </small>
     <!-- END_MODULE Blog_Field -->
diff --git a/src/develop/include/header.html b/src/develop/include/header.html
@@ -1,6 +1,6 @@
 <header class="max-lg:sticky top-0 left-0 z-10 w-full shadow-sm bg-white">
   <div class="container">
-    <div class="flex items-center justify-between gap-x-4 w-full leading-6 text-gray-900">
+    <div class="flex items-center justify-between gap-x-4 w-full leading-6 text-gray-900 min-h-14">
       <!-- BEGIN_MODULE Blog_Field ctx="bid/1" -->
 
       <div class="font-extrabold lg:w-auto text-2xl md:mb-0">
@@ -24,15 +24,15 @@
         </div>
       </nav>
 
-      <button class="js-menu-toggle flex flex-col items-center items-end justify-center w-10 h-10 -mt-1 text-indigo-600 cursor-pointer lg:hidden hover:bg-gray-100">
+      <button class="js-menu-toggle flex flex-col items-center -mr-4 justify-center w-14 h-14 -mt-1 text-indigo-600 cursor-pointer lg:hidden hover:bg-gray-100">
         <svg class="w-6 h-6 [.is-active_&]:hidden" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
           <path d="M4 6h16M4 12h16M4 18h16"></path>
         </svg>
-        
+
         <svg class="hidden w-6 h-6 [.is-active_&]:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
         </svg>
       </button>
     </div>
   </div>
-</header>
+</header>
diff --git a/src/develop/include/parts/navigation-sp.html b/src/develop/include/parts/navigation-sp.html
@@ -36,21 +36,21 @@
     <!-- BEGIN_MODULE Blog_Field ctx="bid/1" -->
     <ul class="flex items-center gap-x-8 p-4">
       <li>
-        <a href="{x_account}" class="block">
+        <a href="https://x.com/{x_account}" class="block">
           <img src="/images/icons/x.svg" width="24" height="24" alt="Xアカウント">
         </a>
       </li>
       <li>
-        <a href="{facebook_account}" class="block">
+        <a href="https://www.facebook.com/{facebook_account}" class="block">
           <img src="/images/icons/facebook.svg" width="24" height="24" alt="Facebookアカウント">
         </a>
       </li>
       <li>
-        <a href="{github_account}" class="block">
+        <a href="https://github.com/{github_account}" class="block">
           <img src="/images/icons/github.svg" width="24" height="24" alt="Githubアカウント">
         </a>
       </li>
     </ul>
     <!-- END_MODULE Blog_Field -->
   </div>
-</div>
+</div>
diff --git a/src/develop/include/parts/pager.html b/src/develop/include/parts/pager.html
@@ -37,7 +37,7 @@
     <!-- END lastPage:veil -->
 
     <!-- BEGIN forwardLink -->
-    <li class="w-9 h-full md:border-l border-gray-200">
+    <li class="w-9 h-full border-l border-gray-200">
       <a href="{url}" class="relative flex justify-center items-center w-full h-full group text-gray-900 hover:bg-indigo-600 hover:text-white" aria-label="次の{forwardNum}件を見る">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" class="size-4">
           <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
diff --git a/src/develop/include/parts/search-keyword.html b/src/develop/include/parts/search-keyword.html
@@ -1,8 +1,7 @@
 <form action="%{HOME_URL}blogs/" method="post" role="search">
   <input type="hidden" name="bid" value="%{BID}">
-  <input type="hidden" name="cid" value="%{CID}">
-  <div class="relative w-full max-w-xs mx-auto">
-    <input type="text" name="keyword" placeholder="検索キーワード" value="%{KEYWORD}" class="flex w-full h-10 px-3 pr-10 py-2 bg-white border rounded-md border-gray-200 ring-offset-background placeholder:text-neutral-500 focus:border-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-400 disabled:cursor-not-allowed disabled:opacity-50">
+  <div class="relative w-full mx-auto">
+    <input type="text" name="keyword" placeholder="検索キーワード" value="%{KEYWORD}" class="flex w-full h-10 px-3 pr-10 py-2 bg-white border rounded-md border-gray-200 ring-offset-background placeholder:text-gray-400 focus:border-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-400 disabled:cursor-not-allowed disabled:opacity-50 text-gray-900">
     <button type="submit" name="ACMS_POST_2GET" class="absolute inset-y-0 right-3 text-gray-900">
       <span class="sr-only">検索</span>
       <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
diff --git a/src/develop/include/tag/cloud-side.html b/src/develop/include/tag/cloud-side.html
@@ -3,7 +3,7 @@
   @include("/admin/module/setting.html")
   <ul class="flex flex-wrap items-center gap-3 text-gray-900">
     <!-- BEGIN tag:loop -->
-    <li class="tagSize{level}"><a href="%{CATEGORY_URL}tag/{name}/" title="{amount}件" class="hover:opacity-70">#{name}</a></li>
+    <li class="tagSize{level}"><a href="/tag/{name}/" title="{amount}件" class="hover:opacity-70">#{name}</a></li>
     <!-- END tag:loop -->
   </ul>
 </div>
diff --git a/src/develop/include/topicpath.html b/src/develop/include/topicpath.html
@@ -1,12 +1,12 @@
 <!-- BEGIN_MODULE Topicpath id="{{module_id}}" -->
 <nav aria-label="現在のページ">
-<ol class="inline-flex items-center flex-wrap text-sm text-neutral-500 [&_.active-breadcrumb]:text-neutral-500/80">
-  <!-- BEGIN blog:loop -->
-  <li class="flex items-center h-full"><!-- BEGIN blog:glue --><span class="mx-2 text-gray-400">/</span><!-- END blog:glue --><a href="{url}" class="py-1 hover:text-neutral-900">{name}</a></li>
-  <!-- END blog:loop --><!-- BEGIN category:loop -->
-  <li><span class="mx-2 text-gray-400">/</span><a href="{url}" class="inline-flex items-center py-1 font-normal hover:text-neutral-900 focus:outline-none">{name}</a></li>
-  <!-- END category:loop --><!-- BEGIN entry -->
-  <li><span class="mx-2 text-gray-400">/</span><a href="{url}" class="inline-flex items-center py-1 font-normal hover:text-neutral-900 focus:outline-none">{title}</a></li><!-- END entry -->
-</ol>
+  <ol class="flex items-center flex-wrap text-sm text-gray-500 [&_a]:text-gray-900 [&_a:hover]:opacity-70 [&_li:last-child_a]:text-gray-500">
+    <!-- BEGIN blog:loop -->
+    <li class="flex items-center h-full"><!-- BEGIN blog:glue --><span class="mx-2 text-gray-400">/</span><!-- END blog:glue --><a href="{url}" class="py-1">{name}</a></li>
+    <!-- END blog:loop --><!-- BEGIN category:loop -->
+    <li><span class="mx-2 text-gray-400">/</span><a href="{url}" class=" py-1">{name}</a></li>
+    <!-- END category:loop --><!-- BEGIN entry -->
+    <li><span class="mx-2 text-gray-400">/</span><a href="{url}" class=" py-1">{title}</a></li><!-- END entry -->
+  </ol>
 </nav>
-<!-- END_MODULE Topicpath -->
+<!-- END_MODULE Topicpath -->
diff --git a/src/develop/src/style/main.css b/src/develop/src/style/main.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 /* stylelint-disable */
-/* ------------------------------ 
+/* ------------------------------
   Preflight - v3.4.3
  ------------------------------ */
 @layer base {
@@ -397,7 +397,7 @@
 /* stylelint-enable */
 
 /* stylelint-disable */
-/* ------------------------------ 
+/* ------------------------------
   独自カスタマイズ
  ------------------------------ */
 @layer utility {
@@ -534,10 +534,12 @@
 =============================== */
 .level-1 {
   padding-left: 0;
+  margin: .75rem 0 -.25rem;
 }
 
 .level-2 {
   padding-left: 1em;
+  margin-bottom: 0;
 }
 
 .level-2 li {
