xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[opt] search icon

This commit is contained in:
xaoxuu 2024-01-14 16:50:15 +08:00
parent 28f4beee04
commit bb03ea976d
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/_partial/widgets/search.ejs
View File

@ -27,7 +27,7 @@ function layoutDiv() {
} else { } else {
el += ' placeholder="' + (item.placeholder || __('search.search')) + '">' el += ' placeholder="' + (item.placeholder || __('search.search')) + '">'
} }
el += '<svg t="1705074644177" class="icon search-icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" fill="#111111" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" fill="#00C569" p-id="1562"></path></svg>' el += '<svg t="1705074644177" class="icon search-icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" p-id="1562"></path></svg>'
el += '</form>' el += '</form>'
el += '<div id="search-result"></div>' el += '<div id="search-result"></div>'
el += '<div class="search-no-result">' + __('search.no_results') + '</div>' el += '<div class="search-no-result">' + __('search.no_results') + '</div>'

5
source/css/_layout/widgets/search.styl
View File

@ -23,7 +23,8 @@
&.noresult[searching='true'] &.noresult[searching='true']
.search-icon .search-icon
color: $c-red path[p-id="1562"]
color: $c-red
.search-form .search-form
border: 1px solid $c-red border: 1px solid $c-red
@ -93,6 +94,8 @@
color: var(--text-p2) color: var(--text-p2)
padding: 0.5rem padding: 0.5rem
border-radius: 'calc(%s - 2px)' % $border-bar border-radius: 'calc(%s - 2px)' % $border-bar
path[p-id="1562"]
color: $color-theme
#search-result,.search-no-result #search-result,.search-no-result
margin-top: 1rem margin-top: 1rem