25 lines
914 B
HTML
25 lines
914 B
HTML
<div
|
|
class="header fixed flex justify-between w-full p-2 bg-gray-700 md:h-8 items-center md:flex-row flex-col md:gap-0 gap-3 text-xl md:text-base"
|
|
>
|
|
<div class="flex justify-between flex-row w-full align-middle">
|
|
<a href="/"><h1 class="text-white" title="Main page">NwaifuAnime</h1></a>
|
|
<!-- Search bar on small screens -->
|
|
<button type="button" class="md:hidden" (click)="changeMenu()">
|
|
<i [class]="menuBtnClass"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Search bar on big screens -->
|
|
<div [class]="searchBarClass">
|
|
<input
|
|
type="search"
|
|
#searchInput
|
|
class="outline-none ps-1 text-sm leading-6 w-full border-0 bg-transparent border-r border-gray-700"
|
|
(keydown.enter)="search()"
|
|
/>
|
|
<button class="align-middle w-[100px] text-center" type="submit" (click)="search()">
|
|
<span class="text-sm text-black h-full">Поиск</span>
|
|
</button>
|
|
</div>
|
|
</div>
|