From 7806937ed0316fcb6a9d0d29605b035e58d5ed19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BD=A0=E7=9A=84=E5=90=8D=E5=AD=97?= <你的邮箱>
Date: Tue, 6 Jan 2026 22:38:36 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E3=83=AD=E3=82=B0=E3=82=A4=E3=83=B3?=
 =?UTF-8?q?=E3=80=91=E6=8C=87=E6=91=98=E3=81=AB=E3=82=88=E3=82=8A=E3=83=AD?=
 =?UTF-8?q?=E3=82=B0=E3=82=A4=E3=83=B3=E8=83=8C=E6=99=AF=E4=BB=AE=E8=A8=AD?=
 =?UTF-8?q?=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/auth/login.blade.php | 78 +++++++++++++++++++++++++---
 1 file changed, 70 insertions(+), 8 deletions(-)

diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 6de3d35..f882642 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -26,14 +26,43 @@
                                         <strong>{{ $errors->first('ope_id') }}</strong>
                                     </div>
                     @endif
-                    <div class="input-group mb-3 {{ $errors->has('ope_pass') ? 'error_input' : '' }}">
-               <input type="password"
-                   class="form-control form-control-lg "
-                   placeholder="{{ __('パスワード') }}" name="ope_pass">
-                        <div class="input-group-append">
-                            <span class="fa fa-lock input-group-text"></span>
-                        </div>
-                    </div>
+
+<div class="input-group mb-3 {{ $errors->has('ope_pass') ? 'error_input' : '' }}">
+    <input type="password"
+           id="ope_pass"
+           class="form-control form-control-lg"
+           placeholder="{{ __('パスワード') }}"
+           name="ope_pass">
+
+    <div class="input-group-append">
+        <span class="input-group-text eye-btn"
+              onmousedown="showPassword('ope_pass', this)"
+              onmouseup="hidePassword('ope_pass', this)"
+              onmouseleave="hidePassword('ope_pass', this)"
+              ontouchstart="showPassword('ope_pass', this)"
+              ontouchend="hidePassword('ope_pass', this)">
+            {{-- 默认：闭眼 --}}
+            <svg class="eye-off" width="20" height="20" viewBox="0 0 24 24" fill="none">
+                <path d="M1 12C3.5 7 7.5 4 12 4C16.5 4 20.5 7 23 12C20.5 17 16.5 20 12 20C7.5 20 3.5 17 1 12Z"
+                      stroke="currentColor" stroke-width="2"/>
+                <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
+                <line x1="3" y1="3" x2="21" y2="21"
+                      stroke="currentColor" stroke-width="2"/>
+            </svg>
+
+            {{-- 按住时：睁眼 --}}
+            <svg class="eye-on d-none" width="20" height="20" viewBox="0 0 24 24" fill="none">
+                <path d="M1 12C3.5 7 7.5 4 12 4C16.5 4 20.5 7 23 12C20.5 17 16.5 20 12 20C7.5 20 3.5 17 1 12Z"
+                      stroke="currentColor" stroke-width="2"/>
+                <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
+            </svg>
+        </span>
+    </div>
+</div>
+
+
+
+
                     @if ($errors->has('ope_pass'))
                         <div class="error_login" role="alert">
                                         <strong>{{ $errors->first('ope_pass') }}</strong>
@@ -59,4 +88,37 @@
             <!-- /.login-card-body -->
         </div>
     </div>
+
+<script>
+function showPassword(id, el) {
+    const input = document.getElementById(id);
+    if (!input) return;
+
+    input.type = 'text';
+    el.querySelector('.eye-off').classList.add('d-none');
+    el.querySelector('.eye-on').classList.remove('d-none');
+}
+
+function hidePassword(id, el) {
+    const input = document.getElementById(id);
+    if (!input) return;
+
+    input.type = 'password';
+    el.querySelector('.eye-on').classList.add('d-none');
+    el.querySelector('.eye-off').classList.remove('d-none');
+}
+</script>
+
+{{-- 指摘により暫定対応  --}}
+<style>
+.login-card-body {
+    background-color: #9ff3c4ff; 
+    border-radius: 8px;
+}
+
+.login-box .card {
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 10px;
+}
+</style>
 @endsection