Fix some styling issues and query bug

This commit is contained in:
chand1012 2024-05-17 10:18:58 -04:00
parent 0f01a8eda5
commit 8392b7a606
No known key found for this signature in database
GPG Key ID: CCCFE98EEFB1BDD0
2 changed files with 8 additions and 2 deletions

View File

@ -1221,12 +1221,13 @@ body {
.search-input {
width: 100%;
padding: 10px 40px 10px 10px;
font-size: var(--font-size-h3);
font-size: var(--font-size-h2);
border: 1px solid var(--color-widget-content-border);
border-radius: 20px;
color: white;
background: var(--color-background);
transition: border-color 0.15s ease;
font-family: 'JetBrains Mono', monospace;
}
.search-input:focus {
@ -1234,6 +1235,11 @@ body {
border-color: var(--color-primary);
}
.search-input:placeholder-shown {
color: var(--color-text-subdue);
font-family: 'JetBrains Mono', monospace;
}
.search-button {
position: absolute;
right: 10px;

View File

@ -3,7 +3,7 @@
{{ define "widget-content" }}
<form class="search-form" action="{{ .SearchURL }}" method="get">
<div class="search-input-container">
<input type="text" class="search-input" value name="q" placeholder="Search...">
<input type="text" class="search-input" value="{{ .Query }}" name="q" placeholder="Search...">
<button type="submit" class="search-button">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"