From e9ad1fd1dabad54cda23580156871f46980ddb6a Mon Sep 17 00:00:00 2001
From: topi0247 <karubona.ra247@gmail.com>
Date: Sat, 25 Apr 2026 13:06:11 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20v4=20=E3=81=A7=E5=BB=83=E6=AD=A2?=
 =?UTF-8?q?=E3=81=95=E3=82=8C=E3=81=9F=20bg-opacity/border-opacity=20?=
 =?UTF-8?q?=E3=82=92=E3=82=B9=E3=83=A9=E3=83=83=E3=82=B7=E3=83=A5=E6=A7=8B?=
 =?UTF-8?q?=E6=96=87=E3=81=AB=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 front/src/app/record/[name]/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/front/src/app/record/[name]/page.tsx b/front/src/app/record/[name]/page.tsx
index 8a4c381..da16c1f 100644
--- a/front/src/app/record/[name]/page.tsx
+++ b/front/src/app/record/[name]/page.tsx
@@ -323,13 +323,13 @@ export default function RecordPage({
         </div>
         <div className="w-full flex gap-2">
           {isLoading ? (
-            <section className="hidden md:block w-1/5 border-2 border-blue-300 border-opacity-40 rounded my-8 top-5 h-[140px] animate-pulse">
+            <section className="hidden md:block w-1/5 border-2 border-blue-300/40 rounded my-8 top-5 h-[140px] animate-pulse">
               <div className="h-full bg-blue-200 opacity-50 flex justify-center items-center">
                 <p className="text-black text-center">読込中</p>
               </div>
             </section>
           ) : (
-            <section className="hidden md:block w-1/5 bg-blue-200 bg-opacity-20 border-2 border-blue-300 border-opacity-40 rounded p-4 my-8 sticky top-5 h-full">
+            <section className="hidden md:block w-1/5 bg-blue-200/20 border-2 border-blue-300/40 rounded p-4 my-8 sticky top-5 h-full">
               <h3 className="text-start mb-2">記録</h3>
               <div className="ml-3 overflow-hidden">
                 <form className="w-full mb-4" onSubmit={handleCreateFile}>