fix: サマリー画像のアスペクト比を調整・ページタイトルからサブタイトルを削除

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

Hide file tree

Showing 5 changed files with 11 additions and 13 deletions.
diff --git a/src/develop/include/entry/summary-card.html b/src/develop/include/entry/summary-card.html
@@ -19,13 +19,13 @@
         <img
           src="%{ROOT_DIR}{path}"
           alt="{alt}"
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm h-56"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- ELSE -->
         <img
           src="/images/default/noimage.gif"
           alt=""
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm h-56"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- END_IF -->
         <!-- BEGIN category:veil -->

diff --git a/src/develop/include/entry/summary-pickup.html b/src/develop/include/entry/summary-pickup.html
@@ -10,13 +10,13 @@
         <img
           src="%{ROOT_DIR}{path}"
           alt="{alt}"
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm max-h-64 sm:max-h-96"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- ELSE -->
         <img
           src="/images/default/noimage.gif"
           alt=""
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm max-h-64 sm:max-h-96"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- END_IF -->
       </div>

diff --git a/src/develop/include/entry/tag-relational-card.html b/src/develop/include/entry/tag-relational-card.html
@@ -2,9 +2,8 @@
 <div>
   @include("/admin/module/setting.html")
 
-  <div class="max-w-7xl mx-auto py-8 sm:py-16 sm:text-center">
-    <h2 class="text-base font-semibold text-indigo-600 tracking-wide uppercase">関連記事</h2>
-    <p class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl first-letter:uppercase">Recommendations</p>
+  <div class="max-w-7xl mx-auto py-8 sm:py-16">
+    <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">
@@ -16,13 +15,13 @@ <h2 class="text-base font-semibold text-indigo-600 tracking-wide uppercase">関
         <img
           src="%{ROOT_DIR}{path}"
           alt="{alt}"
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm h-32"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- ELSE -->
         <img
           src="/images/default/noimage.gif"
           alt=""
-          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm h-32"
+          class="object-cover w-full mb-2 overflow-hidden rounded-lg shadow-sm aspect-video"
         >
         <!-- END_IF -->
         <h2 class="mt-4 text-lg font-bold">{title}</h2>

diff --git a/src/develop/include/parts/cta.html b/src/develop/include/parts/cta.html
@@ -1,7 +1,6 @@
 <section class="h-auto border-y-2 border-slate-100 border-solid bg-white">
-  <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 sm:text-center">
-      <h2 class="text-base font-semibold text-indigo-600 tracking-wide uppercase">お問い合わせ</h2>
-      <p class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">Contact</p>
+  <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 text-center">
+      <h2 class="text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl">Contact</h2>
       <p class="max-w-3xl mt-8 mx-auto">
         <a href="%{HOME_URL}contact/" class="inline-flex items-center justify-center px-6 py-4 text-xl font-medium tracking-wide text-white transition-colors duration-200 bg-indigo-600 rounded-md outline-none hover:bg-indigo-500 active:bg-indigo-700 ring-blue-300">
           お問い合わせはこちら

diff --git a/src/develop/include/parts/page-title.html b/src/develop/include/parts/page-title.html
@@ -1,5 +1,5 @@
 <div class="h-auto border-y-2 border-slate-100 border-solid bg-white">
-  <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 sm:text-center">
+  <div class="max-w-7xl mx-auto py-16 px-10 sm:py-24 sm:px-6 lg:px-8 text-center">
     <!-- BEGIN_MODULE Touch_Category -->
     <h1 class="mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl first-letter:uppercase">%{ROOT_CATEGORY_NAME}</h1>
     <!-- END_MODULE Touch_Category -->