diff options
| author | realtradam <[email protected]> | 2024-07-11 23:20:40 -0400 |
|---|---|---|
| committer | realtradam <[email protected]> | 2024-07-11 23:20:40 -0400 |
| commit | d0e45a9093b33d4e5cb5f57fabdcb807dc8e8ff0 (patch) | |
| tree | c5e4457bdbc64d5ecbe72e43258d2c7af70063eb /src/main/resources/templates/layout.html | |
| parent | 40075162def7d0a4ce9d795f4cfe83264fac50b4 (diff) | |
| download | spring-blog-d0e45a9093b33d4e5cb5f57fabdcb807dc8e8ff0.tar.gz spring-blog-d0e45a9093b33d4e5cb5f57fabdcb807dc8e8ff0.zip | |
add search functionality
Diffstat (limited to 'src/main/resources/templates/layout.html')
| -rw-r--r-- | src/main/resources/templates/layout.html | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/main/resources/templates/layout.html b/src/main/resources/templates/layout.html index 407ecd9..17d6939 100644 --- a/src/main/resources/templates/layout.html +++ b/src/main/resources/templates/layout.html @@ -33,7 +33,7 @@ 👻 <span class="hidden w-0 md:w-auto md:block pl-1">Ghostwind CSS</span> </a> </div> - <div class="flex pl-4 text-sm"> + <div class="flex pl-4 text-sm place-content-between w-full"> <ul class="list-reset flex justify-between flex-1 md:flex-none items-center"> <li class="mr-2"> <a class="inline-block py-2 px-2 text-white no-underline" href="/">HOME</a> @@ -48,6 +48,17 @@ <a class="inline-block text-indigo-200 no-underline hover:text-indigo-100 hover:text-underline py-2 px-2" href="#">LINK</a> </li> </ul> + <form th:action="@{/articles/search}" class="w-full max-w-md"> + <div class="flex flex-wrap -mx-3"> + <div class="w-full px-3"> + <input class="appearance-none block w-full bg-gray-200 text-gray-700 border rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white" + id="search" + type="search" + name="search" + placeholder="Search"> + </div> + </div> + </form> </div> </div> </nav> |