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

Fix centering of search bar on small screens #112

Merged
jakob.scheid merged 3 commits from bug/center-searchbar into main 2026-06-04 15:33:15 +02:00
Conversation 1 Commits 3 Files Changed 1
+3 -1
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+3 -1
View File
@@ -73,7 +73,8 @@ const submitSearch = function () {
border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
padding: var(--padding); padding: var(--padding);
padding-left: var(--padding-left); padding-left: var(--padding-left);
width: calc(100% - var(--padding-left)); width: 100%;
box-sizing: border-box;
} }
.search-wrapper input { .search-wrapper input {
@@ -83,6 +84,7 @@ const submitSearch = function () {
font-size: 1rem; font-size: 1rem;
background: transparent; background: transparent;
height: calc(var(--content-height) + 2 * var(--submit-button-padding-y)); height: calc(var(--content-height) + 2 * var(--submit-button-padding-y));
padding-left: 12px;
} }
.search-button { .search-button {