Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

adapt the color of the magnifying glass search icon to the color scheme

Browse Source
This commit is contained in:
Jakob Scheid
2026-06-01 14:23:05 +02:00
parent 720fbd5697
commit a2268ea275
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+5 -1
View File
@@ -48,7 +48,7 @@ const submitSearch = function () {
required required
/> />
<button type="submit" class="search-button"> <button type="submit" class="search-button">
<Icon name="magnifying-glass" size="1.1em" /> <Icon class="search-icon" name="magnifying-glass" size="1.1em" />
</button> </button>
</div> </div>
</form> </form>
@@ -96,6 +96,10 @@ const submitSearch = function () {
align-items: center; align-items: center;
} }
.search-button .search-icon {
filter: invert(1);
}
.search-button:hover { .search-button:hover {
background: var(--primary-color-l-1); background: var(--primary-color-l-1);
} }