[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;
padding: 0.5rem;
display: flex;
align-items: center;
gap: 20px;
}
.captch-field input, .captch-field input:focus-visible{
border: none;
box-shadow: none;
outline: none;
}
.captch-field p{
font-weight: 400;
font-size: 13px;

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

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

Loading…
Cancel
Save