beenull/mwmbl
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix search bar width; consisting capitalization

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
front-end/assets/css/global.css
View file

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

12
mwmbl/templates/index.html
View file

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