extern/glance
1
0
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2024-11-26 02:14:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix some styling issues and query bug

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
internal/assets/static/main.css
View File

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

2
internal/assets/templates/search.html
View File

@ -3,7 +3,7 @@
{{ define "widget-content" }} {{ define "widget-content" }}
<form class="search-form" action="{{ .SearchURL }}" method="get"> <form class="search-form" action="{{ .SearchURL }}" method="get">
<div class="search-input-container"> <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"> <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" <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" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"