Revert "【ログイン】指摘によりログイン背景仮設定"
All checks were successful
Deploy main / deploy (push) Successful in 22s

This reverts commit 7806937ed0.
This commit is contained in:
你的名字 2026-01-06 22:43:14 +09:00
parent 7806937ed0
commit 308a77a0df

View File

@ -26,43 +26,14 @@
<strong>{{ $errors->first('ope_id') }}</strong> <strong>{{ $errors->first('ope_id') }}</strong>
</div> </div>
@endif @endif
<div class="input-group mb-3 {{ $errors->has('ope_pass') ? 'error_input' : '' }}"> <div class="input-group mb-3 {{ $errors->has('ope_pass') ? 'error_input' : '' }}">
<input type="password" <input type="password"
id="ope_pass"
class="form-control form-control-lg " class="form-control form-control-lg "
placeholder="{{ __('パスワード') }}" placeholder="{{ __('パスワード') }}" name="ope_pass">
name="ope_pass">
<div class="input-group-append"> <div class="input-group-append">
<span class="input-group-text eye-btn" <span class="fa fa-lock input-group-text"></span>
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>
</div> </div>
@if ($errors->has('ope_pass')) @if ($errors->has('ope_pass'))
<div class="error_login" role="alert"> <div class="error_login" role="alert">
<strong>{{ $errors->first('ope_pass') }}</strong> <strong>{{ $errors->first('ope_pass') }}</strong>
@ -89,26 +60,6 @@
</div> </div>
</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> <style>
.login-card-body { .login-card-body {
@ -121,4 +72,5 @@ function hidePassword(id, el) {
border-radius: 10px; border-radius: 10px;
} }
</style> </style>
@endsection @endsection