fix: エントリー詳細スタイル調整

appleple · Aug 2, 2024 · 6a17479 · 6a17479
1 parent 580c52f
commit 6a17479
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/src/develop/include/entry/body.html b/src/develop/include/entry/body.html
@@ -12,18 +12,18 @@
     <!-- BEGIN title:veil -->
     <h1 class="font-bold text-3xl sm:text-4xl lg:text-5xl entry-title"><a href="{titleUrl}">{title}</a></h1>
     <!-- END title:veil -->
-    <div class="flex flex-wrap mt-6">
+    <div class="flex flex-wrap mt-6 gap-3">
       <!-- BEGIN date:veil -->
-      <p><time datetime="{udate#Y}-{udate#m}-{udate#d}">{udate#Y}年 {udate#n}月 {udate#j}日 更新</time></p>
+      <p><time datetime="{date#Y}-{date#m}-{date#d}">{date#Y}年 {date#n}月 {date#j}日</time></p>
       <!-- END date:veil -->
       <!-- BEGIN category:loop -->
-      <p><span><a href="{url}">{name}</a></span></p>
+      <p><a href="{url}" class="inline-block px-3 py-1.5 leading-none rounded-full bg-gray-500 text-xs font-medium uppercase text-white hover:bg-gray-600">{name}</a></p>
       <!-- END category:loop -->
     </div>
     <!-- BEGIN tag:veil -->
-    <ul class="flex flex-wrap gap-2 mt-2">
+    <ul class="flex flex-wrap gap-3 mt-2">
       <!-- BEGIN tag:loop -->
-      <li><a href="{url}">#{name}</a></li>
+      <li><a href="{url}" class="hover:opacity-70">#{name}</a></li>
       <!-- END tag:loop -->
     </ul>
     <!-- END tag:veil -->
@@ -69,7 +69,7 @@ <h4 class="mb-1 font-medium leading-none tracking-tight">この記事は公開
     @include("/admin/entry/action.html")
 
     <!-- BEGIN udate:veil -->
-    <p class="mt-8 text-gray-700">更新 <time datetime="{date#Y}-{date#m}-{date#d}">{date#Y}/{date#m}/{date#d} {date#H}:{date#i}</time></p>
+    <p class="mt-8 text-gray-700"><time datetime="{udate#Y}-{udate#m}-{udate#d}">{udate#Y}年 {udate#n}月 {udate#j}日</time> 更新</p>
     <!-- END udate:veil -->
 
     <!-- BEGIN_IF [{{sns_share}}/eq/true] -->

diff --git a/src/develop/include/entry/summary-card.html b/src/develop/include/entry/summary-card.html
@@ -14,7 +14,7 @@
   <div class="flex grid grid-cols-12 pb-10 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">
+      <a href="{url}" class="block w-full hover:opacity-70">
         <!-- BEGIN_IF [{path}/nem] -->
         <img
           src="%{ROOT_DIR}{path}"
@@ -29,10 +29,7 @@
         >
         <!-- END_IF -->
         <!-- BEGIN category:veil -->
-        <div
-          class="bg-gray-500 inline-block mt-2 px-3 py-1.5 leading-none rounded-full text-xs font-medium uppercase text-white inline-block">
-          <span>{categoryName}</span>
-        </div>
+        <p class="bg-gray-500 inline-block mt-2 px-3 py-1.5 leading-none rounded-full text-xs font-medium uppercase text-white">{categoryName}</p>
         <!-- END category:veil -->
         <h2 class="mt-4 text-gray-800 text-lg font-bold">{title}</h2>
         <p class="mt-2 text-gray-500 text-sm">{summary}</p>

diff --git a/src/develop/include/parts/serial-navi.html b/src/develop/include/parts/serial-navi.html
@@ -1,11 +1,11 @@
 <!-- BEGIN serialNavi:veil -->
 <nav aria-label="ページ送り" class="md:py-6 md:border-y md:border-slate-300 md:border-solid">
   <ul class="grid md:grid-cols-3 gap-4 md:gap-2">
-    <li class="">
+    <li>
       <!-- BEGIN prevLink -->
       <a href="{url}">
         <span class="flex items-center gap-2">
-          <span class="rounded-2xl bg-slate-400 text-white">
+          <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">
               <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5" />
             </svg>