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

Make searchbar bigger #31 #35

Closed
jakob.scheid wants to merge 3 commits from feature/make-searchbar-bigger into main
pull from: feature/make-searchbar-bigger
merge into: Seekra:main
Conversation 2 Commits 3 Files Changed 2
+6 -1
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/search/components/Searchbar.vue
+2 -1
View File
@@ -24,7 +24,7 @@ limitations under the License.
<style scoped> <style scoped>
.search-wrapper { .search-wrapper {
--submit-button-padding-y: 8px; --submit-button-padding-y: 8px;
--submit-button-content-height: 18px; --submit-button-content-height: 32px;
--padding: 4px; --padding: 4px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -33,6 +33,7 @@ limitations under the License.
border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); border-radius: calc(var(--submit-button-content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
padding: var(--padding); padding: var(--padding);
padding-left: calc(var(--submit-button-content-height) + var(--padding)); padding-left: calc(var(--submit-button-content-height) + var(--padding));
width: 100%;
} }
.search-wrapper input { .search-wrapper input {
src/views/SearchView.vue
+4
View File
@@ -66,4 +66,8 @@ import Searchbar from '../features/search/components/Searchbar.vue'
margin: 0; margin: 0;
font-size: small; font-size: small;
} }
#search-form {
width: 70%;
}
</style> </style>