quick-search.blade.php 1.3 KB

1234567891011121314151617181920212223242526
  1. <form action="{!! $action !!}" class="input-no-border" pjax-container style="display:inline-block;margin:0 5px 13px 0;">
  2. <div class="input-group quick-search" style="width:{{$width}}rem;">
  3. <input type="text"
  4. placeholder="{{ $placeholder }}"
  5. name="{{ $key }}"
  6. class="form-control quick-search-input"
  7. style="margin-left:-1px;padding:0 1.5rem 0 3.48rem;height:36px;line-height:36px;"
  8. value="{{ $value }}"
  9. >
  10. <a onclick="$(this).submit()" style="overflow:hidden;position:absolute;top:8px;margin-left:-{{$width - 0.9}}rem;cursor:pointer;z-index:100">
  11. <svg xmlns="http://www.w3.org/2000/svg"
  12. width="20"
  13. height="20"
  14. viewBox="0 0 20 20"
  15. aria-labelledby="search"
  16. role="presentation"
  17. class="text-70"
  18. style="fill: currentColor;"
  19. >
  20. <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>
  21. </svg>
  22. </a>
  23. <span class="quick-search-clear" style="margin-left:-1.45rem;{{$value ? 'color:#333' : ''}}">×</span>
  24. </div>
  25. </form>