Fix search bar width; consisting capitalization

This commit is contained in:
Daoud Clarke 2023-11-07 20:49:25 +00:00
parent 787c36bcfe
commit b28ec062ca
2 changed files with 8 additions and 9 deletions

View file

@ -62,12 +62,9 @@ body {
height: 2rem;
}
mwmbl-search-bar {
width: 100%;
}
.search-bar {
position: relative;
width: 100%;
}
.search-bar-input {

View file

@ -63,17 +63,19 @@
<li is="${save}"></li>
</ul>
<div><a href="/accounts/login/">Login</a> <a href="/accounts/signup/">Sign up</a> </div> -->
<div class="branding">
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
<span class="brand-title">MWMBL</span>
</div>
<a href="/">
<div class="branding">
<img class="brand-icon" src="/static/images/logo.svg" width="40" height="40" alt="mwmbl logo">
<span class="brand-title">Mwmbl</span>
</div>
</a>
<form class="search-bar">
<i class="ph-magnifying-glass-bold"></i>
<input
type='search'
name='q'
class='search-bar-input'
placeholder='Search on mwmbl...'
placeholder='Search on Mwmbl...'
title='Use "CTRL+K" or "/" to focus.'
autocomplete='off'
hx-get="/app/search/"