/
home
/
obinna
/
html
/
cravings
/
resources
/
views
/
places
/
Upload File
HOME
<style> .query-input { flex: 1; display: flex; box-shadow: 0 1px 18px rgb(0 0 0 / 15%); border-radius: 8px; } .input-prepend { height: 48px; } .prepend-text { padding: 0.5rem 0.4rem 0.5rem 1rem; } .input-prepend img { width: 20px; } .search-page-form .query-input .place-search { padding: 0.5rem 0; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } @media (max-width: 1100px) { .search-bar .place-search { height: 40px; } .input-prepend { height: 40px; } } @media (min-width: 900px) { .search-bar { width: 60%; } .query-input { border-radius: 30px; } } @media (max-width: 900px) { .prepend-text { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .search-bar .search-page-form .outer-button { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } } @media (max-width: 767px){ .search-bar .place-search, .input-prepend { border-radius: 8px; height: 40px; } .prepend-text { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .results-title h3 { margin-top: 10px; } } </style> <form action="{{ route($route ?? 'places.index') }}" class="location-form search-input search-page-form"> <div class="query-input"> <div class="input-prepend"> <span class="prepend-text"> <img src="/images/icons/search-icon.png" alt="search places"> </span> </div> <input type="text" name="q" class="input-control place-search" id="query" value="{{ isset($search) && $search_value ? $search : '' }}" placeholder="Search" autocorrect="off" /> </div> <button class="button button-primary inline-button outer-button submit-button btn-circle"> <i class="fa fa-search"></i> </button> </form>