fix: スタイル修正

appleple · Aug 9, 2024 · 308f04e · 308f04e
1 parent 48a921b
commit 308f04e
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 14 deletions.
diff --git a/src/develop/include/entry/body.html b/src/develop/include/entry/body.html
@@ -12,12 +12,12 @@
     <!-- 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 gap-3">
+    <div class="flex items-center flex-wrap mt-6 gap-3">
       <!-- BEGIN date:veil -->
       <p><time datetime="{date#Y}-{date#m}-{date#d}">{date#Y}年 {date#n}月 {date#j}日</time></p>
       <!-- END date:veil -->
       <!-- BEGIN category:loop -->
-      <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>
+      <p><a href="{url}" class="inline-block px-3 py-2 leading-none rounded-full bg-slate-100 text-gray-700 font-medium uppercase">{name}</a></p>
       <!-- END category:loop -->
     </div>
     <!-- BEGIN tag:veil -->

diff --git a/src/develop/include/parts/pager.html b/src/develop/include/parts/pager.html
@@ -1,31 +1,31 @@
 <!-- BEGIN pager:veil -->
 <nav class="text-center">
-  <ul class="inline-flex items-center text-sm leading-tight bg-white border border-neutral-200/70 rounded h-[34px] text-neutral-500">
+  <ul class="inline-flex items-center overflow-hidden text-sm leading-tight bg-white border border-gray-200 rounded h-[34px] text-neutral-500">
     <!-- BEGIN backLink -->
     <li class="h-full">
-      <a href="{url}" class="relative inline-flex items-center h-full px-3 rounded-l group hover:bg-blue-600 hover:text-white">
+      <a href="{url}" class="relative inline-flex items-center h-full px-3 group hover:bg-indigo-600 hover:text-white">
         <span>前へ</span>
       </a>
     </li>
     <!-- END backLink -->
 
     <!-- BEGIN page:loop -->
-    <li class="hidden h-full md:block<!-- BEGIN_IF [{pageCurAttr}/nem] --> relative md:inline-flex items-center px-3 text-white bg-blue-600<!-- END_IF -->">
-      <!-- BEGIN link#front --><a href="{url}" class="relative inline-flex items-center h-full px-3 group hover:bg-blue-600 hover:text-white"><!-- END link#front --><span>{page}</span><!-- BEGIN link#rear --></a><!-- END link#rear -->
+    <li class="hidden h-full md:block<!-- BEGIN_IF [{pageCurAttr}/nem] --> relative md:inline-flex items-center px-3 text-white bg-indigo-600<!-- END_IF -->">
+      <!-- BEGIN link#front --><a href="{url}" class="relative inline-flex items-center h-full px-3 group hover:bg-indigo-600 hover:text-white"><!-- END link#front --><span>{page}</span><!-- BEGIN link#rear --></a><!-- END link#rear -->
     </li><!-- END page:loop -->
 
     <!-- BEGIN lastPage:veil -->
     <li class="hidden h-full md:block">
-      <span class="relative inline-flex items-center h-full px-2.5 bg-neutral-100 group"><span>...</span></span>
+      <span class="relative inline-flex items-center h-full px-2.5 bg-gray-200 group"><span>...</span></span>
     </li>
-    <li class="hidden h-full md:block<!-- BEGIN_IF [{pageCurAttr}/nem] --> relative inline-flex items-center px-3 text-white bg-blue-600<!-- END_IF -->">
-      <a href="{lastPageUrl}" class="relative inline-flex items-center h-full px-3 group hover:bg-blue-600 hover:text-white"><span>{lastPage}</span></a>
+    <li class="hidden h-full md:block<!-- BEGIN_IF [{pageCurAttr}/nem] --> relative inline-flex items-center px-3 text-white bg-indigo-600<!-- END_IF -->">
+      <a href="{lastPageUrl}" class="relative inline-flex items-center h-full px-3 group hover:bg-indigo-600 hover:text-white"><span>{lastPage}</span></a>
     </li>
     <!-- END lastPage:veil -->
 
     <!-- BEGIN forwardLink -->
     <li class="h-full">
-      <a href="{url}" class="relative inline-flex items-center h-full px-3 rounded-r group hover:bg-blue-600 hover:text-white">
+      <a href="{url}" class="relative inline-flex items-center h-full px-3 group hover:bg-indigo-600 hover:text-white">
         <span>次へ</span>
       </a>
     </li>

diff --git a/src/develop/include/parts/serial-navi.html b/src/develop/include/parts/serial-navi.html
@@ -1,5 +1,5 @@
 <!-- BEGIN serialNavi:veil -->
-<nav aria-label="ページ送り" class="md:py-6 md:border-y md:border-slate-300 md:border-solid">
+<nav aria-label="ページ送り" class="md:py-6 md:border-y md:border-gray-200 md:border-solid">
   <ul class="grid md:grid-cols-3 gap-4 md:gap-2">
     <li>
       <!-- BEGIN prevLink -->

diff --git a/src/develop/include/topicpath.html b/src/develop/include/topicpath.html
@@ -1,6 +1,6 @@
 <!-- BEGIN_MODULE Topicpath id="{{module_id}}" -->
 <nav aria-label="現在のページ">
-<ol class="inline-flex items-center mb-3 text-sm text-neutral-500 [&_.active-breadcrumb]:text-neutral-500/80 sm:mb-0">
+<ol class="inline-flex items-center flex-wrap mb-3 text-sm text-neutral-500 [&_.active-breadcrumb]:text-neutral-500/80 sm:mb-0">
   <!-- 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 -->

diff --git a/src/develop/include/user-profile/profile-card.html b/src/develop/include/user-profile/profile-card.html
@@ -1,7 +1,7 @@
 <!-- BEGIN_MODULE User_Profile id="" -->
 <!-- BEGIN user:loop -->
 <div class="w-full mt-3 border border-gray-200 rounded-lg shadow-sm">
-  <div class="flex flex-col items-center justify-center p-5">
+  <a href="%{BASE_URL}profile.html" class="flex flex-col items-center justify-center p-5 transition duration-200 ease-out hover:bg-gray-100">
     <!-- BEGIN_IF [{image@path}/nem] -->
     <img class="w-32 h-32 mb-6 rounded-full" src="%{MEDIA_ARCHIVES_DIR}{image@path}" alt="{image@alt}">
     <!-- ELSE_IF [{icon}/nem] -->
@@ -11,7 +11,7 @@
     <h2 class="text-indigo-500 text-lg font-bold">{name}</h2><!-- BEGIN position:veil -->
     <p class="text-gray-800">{position}</p><!-- END position:veil --><!-- BEGIN title:veil -->
     <p class="text-gray-800">{user_title}</p><!-- END title:veil -->
-  </div>
+  </a>
 
   <!-- BEGIN sns:veil -->
   <div class="flex border-t border-gray-200 divide-x divide-gray-200">