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

Make the search bar on the start page fully wide on small screens #94

Merged
jakob.scheid merged 8 commits from feature/fully-wide-search-bar-on-startpage-on-small-screens into main 2026-06-01 15:00:41 +02:00
Conversation 2 Commits 8 Files Changed 4
+5 -1
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a2268ea275 - Show all commits
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);
} }