fix: 前後リンク・エントリーサマリーのスタイル調整

appleple · Aug 8, 2024 · e500489 · e500489
1 parent 59e2842
commit e500489
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/develop/include/entry/summary-card.html b/src/develop/include/entry/summary-card.html
@@ -11,7 +11,7 @@
   <!-- END_MODULE Touch_Keyword -->
 
   <!-- BEGIN unit:loop -->
-  <div class="flex grid grid-cols-12 pb-10 gap-x-8 gap-y-16">
+  <div class="grid grid-cols-12 pb-10 sm:gap-x-8 gap-y-16">
     <!-- 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 hover:opacity-70">

diff --git a/src/develop/include/entry/tag-relational-card.html b/src/develop/include/entry/tag-relational-card.html
@@ -6,7 +6,7 @@
     <h2 class="text-4xl font-extrabold text-gray-900 text-center sm:text-5xl lg:text-6xl first-letter:uppercase">Recommendation</h2>
   </div>
 
-  <div class="flex grid grid-cols-12 pb-10 gap-x-8 gap-y-16">
+  <div class="grid grid-cols-12 pb-10 sm:gap-x-8 gap-y-16">
     <!-- BEGIN unit:loop -->
     <!-- BEGIN entry:loop -->
     <div class="flex flex-col items-start col-span-12 space-y-3 sm:col-span-6 xl:col-span-3">

diff --git a/src/develop/include/parts/serial-navi.html b/src/develop/include/parts/serial-navi.html
@@ -3,7 +3,7 @@
   <ul class="grid md:grid-cols-3 gap-4 md:gap-2">
     <li>
       <!-- BEGIN prevLink -->
-      <a href="{url}">
+      <a href="{url}" class="text-gray-900">
         <span class="flex items-center gap-2">
           <span class="p-1 rounded-2xl bg-slate-400 text-white">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
@@ -12,14 +12,16 @@
           </span>
           <span class="text-lg font-bold">前のページ</span>
         </span>
-        <span class="block">{name}</span>
+        <span class="block mt-2">{name}</span>
       </a>
       <!-- END prevLink -->
     </li>
-    <li class="hidden md:block self-center font-bold text-center"><a href="{upperUrl}">一覧へ</a></li>
+    <li class="hidden md:block self-center font-bold text-center">
+      <a href="{upperUrl}" class="text-gray-900">一覧へ</a>
+    </li>
     <li class="text-right">
       <!-- BEGIN nextLink -->
-      <a href="{url}">
+      <a href="{url}" class="text-gray-900">
         <span class="flex justify-end items-center gap-2">
           <span class="text-lg font-bold">次のページ</span>
           <span class="p-1 rounded-2xl bg-slate-400 text-white">
@@ -33,6 +35,8 @@
       <!-- END nextLink -->
     </li>
   </ul>
-  <p class="md:hidden mt-4 font-bold text-center underline hover:no-underline"><a href="{upperUrl}">一覧へ</a></p>
+  <p class="md:hidden mt-4 font-bold text-center underline hover:no-underline">
+    <a href="{upperUrl}" class="text-gray-900">一覧へ</a>
+  </p>
 </nav>
 <!-- END serialNavi:veil -->