mirror of
https://github.com/glanceapp/glance.git
synced 2024-11-30 04:15:35 +01:00
25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content-classes" }}widget-content-frameless{{ end }}
|
|
|
|
{{ define "widget-content" }}
|
|
<div class="search widget-content-frame padding-inline-widget flex gap-15 items-center" data-default-search-url="{{ .SearchEngine }}" data-new-tab="{{ .NewTab }}">
|
|
<div class="search-bangs">
|
|
{{ range .Bangs }}
|
|
<input type="hidden" data-shortcut="{{ .Shortcut }}" data-title="{{ .Title }}" data-url="{{ .URL }}">
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="search-icon-container">
|
|
<svg class="search-icon" stroke="var(--color-text-subdue)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
|
|
</svg>
|
|
</div>
|
|
|
|
<input class="search-input" type="text" placeholder="Type here to search…" autocomplete="off"{{ if .Autofocus }} autofocus{{ end }}>
|
|
|
|
<div class="search-bang"></div>
|
|
<kbd class="hide-on-mobile" title="Press [S] to focus the search input">S</kbd>
|
|
</div>
|
|
{{ end }}
|