mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-22 16:34:35 +01:00
Fix some styling issues and query bug
This commit is contained in:
parent
0f01a8eda5
commit
8392b7a606
@ -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;
|
||||
|
@ -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"
|
||||
|
Loading…
Reference in New Issue
Block a user