[edit] captch design fixed

aplus#8
tribikram 2 years ago
parent ea4c3f91b1
commit 4027e76485
  1. 6
      public/frontend/css/style.css
  2. 17
      resources/views/contact.blade.php
  3. 5
      resources/views/need_chef.blade.php

@ -1056,8 +1056,14 @@ Responsive Codes
background: #FFFFFF; background: #FFFFFF;
padding: 0.5rem; padding: 0.5rem;
display: flex; display: flex;
align-items: center;
gap: 20px; gap: 20px;
} }
.captch-field input, .captch-field input:focus-visible{
border: none;
box-shadow: none;
outline: none;
}
.captch-field p{ .captch-field p{
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;

@ -100,20 +100,19 @@
@php @php
$code = Str::random(5); $code = Str::random(5);
@endphp @endphp
<div class="captcha-field"> <div class="col-md-12">
<div> <label for="">Enter Captcha</label>
<label>Enter Your Captcha</label> <div class="d-flex gap-3">
<div class="captcha-sec">
<input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required> <input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
<input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/> <input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
</div> </div>
<div> <div class="captch-field">
<label>Captcha</label> <!-- name = "captcha_code" value = "{{$code}}" -->
<div class="captcha-ref"> <input type = "text" id="captcha_code" readonly name = "captcha_code" value = "{{$code}}"/>
<input type = "text" id = "captcha_code" readonly class="form-control" name = "captcha_code" value = "{{$code}}"/> <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
<button id = "refresh"><i class="fas fa-sync-alt"></i></button>
</div> </div>
</div> </div>
</div> </div>
@if ($errors->has('captcha')) @if ($errors->has('captcha'))
<span class="help-block"> <span class="help-block">

@ -71,9 +71,8 @@
</div> </div>
<div class="captch-field"> <div class="captch-field">
<!-- name = "captcha_code" value = "{{$code}}" --> <!-- name = "captcha_code" value = "{{$code}}" -->
<input type = "text" id = "captcha_code" readonly class="form-control" name = "captcha_code" value = "{{$code}}"/> <input type = "text" id="captcha_code" readonly name = "captcha_code" value = "{{$code}}"/>
<!-- <img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""> --> <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
<button id = "refresh"><i class="fas fa-sync-alt"></i></button>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save