quick-search.blade.php 1.3 KB

12345678910111213141516171819202122232425262728
  1. <style>::-ms-clear,::-ms-reveal{display: none;}</style>
  2. <form action="{!! $action !!}" class="input-no-border" pjax-container style="display:inline-block;margin:0 5px 13px 0;">
  3. <div class="input-group quick-search" style="width:{{$width}}rem;">
  4. <input type="text"
  5. placeholder="{{ $placeholder }}"
  6. name="{{ $key }}"
  7. class="form-control quick-search-input"
  8. style="margin-left:-1px;padding:0 1.6rem 0 3.8rem;"
  9. value="{{ $value }}"
  10. >
  11. <a onclick="$(this).submit()" style="overflow:hidden;position:absolute;top:7px;margin-left:-{{$width - 0.9}}rem;cursor:pointer;z-index:100">
  12. <svg xmlns="http://www.w3.org/2000/svg"
  13. width="20"
  14. height="20"
  15. viewBox="0 0 20 20"
  16. aria-labelledby="search"
  17. role="presentation"
  18. class="text-70"
  19. style="fill: currentColor;"
  20. >
  21. <path fill-rule="nonzero" d="M14.32 12.906l5.387 5.387a1 1 0 0 1-1.414 1.414l-5.387-5.387a8 8 0 1 1 1.414-1.414zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path>
  22. </svg>
  23. </a>
  24. <span class="quick-search-clear" style="margin-left:-1.45rem;{{$value ? 'color:#333' : ''}}">×</span>
  25. </div>
  26. </form>