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
+4
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ba754771f4 - Show all commits
src/features/search/components/Searchbar.vue
+4
View File
@@ -83,6 +83,7 @@ const submitSearch = function () {
.search-button { .search-button {
font-size: 1rem; font-size: 1rem;
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y)); height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
width: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y));
border: none; border: none;
padding: var(--submit-button-padding-y) 20px; padding: var(--submit-button-padding-y) 20px;
@@ -90,6 +91,9 @@ const submitSearch = function () {
color: var(--white); color: var(--white);
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
} }
.search-button:hover { .search-button:hover {