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

Add base settings page #74

Merged
jakob.scheid merged 43 commits from feature/base-settings-page into main 2026-05-23 13:16:37 +02:00
Conversation 1 Commits 43 Files Changed 17
+20 -16
2 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f65c3d58aa - Show all commits
src/features/search/components/Searchbar.vue
+10 -8
View File
@@ -36,18 +36,20 @@ const submitSearch = function () {
</script> </script>
<template> <template>
<form @submit.prevent="submitSearch"> <div>
<div class="search-wrapper"> <form @submit.prevent="submitSearch">
<input <div class="search-wrapper">
<input
v-model="searchQuery" v-model="searchQuery"
type="search" type="search"
:placeholder="t('search.searchBar.placeholder')" :placeholder="t('search.searchBar.placeholder')"
required required
/> />
<button type="submit" class="search-button">{{ t('search.searchBar.submit') }}</button> <button type="submit" class="search-button">{{ t('search.searchBar.submit') }}</button>
</div> </div>
</form> </form>
</template> </div>
</template>
<style scoped> <style scoped>
.search-wrapper { .search-wrapper {
src/features/search/views/SearchResultsView.vue
+10 -8
View File
@@ -28,15 +28,17 @@ searchQueryModel.value = props.searchQuery;
</script> </script>
<template> <template>
<Searchbar class="search-bar" v-model="searchQueryModel" auto-submit /> <div>
<Searchbar class="search-bar" v-model="searchQueryModel" auto-submit />
<div class="search-results-error-message-container">
<div class="search-results-error-message"> <div class="search-results-error-message-container">
<p>{{ t('search.error.searchNotAvailable') }}</p> <div class="search-results-error-message">
<p>{{ t('error.tryAgainToAnotherTime') }}</p> <p>{{ t('search.error.searchNotAvailable') }}</p>
<p>{{ t('error.tryAgainToAnotherTime') }}</p>
</div>
</div>
<div class="search-results-container">
</div> </div>
</div>
<div class="search-results-container">
</div> </div>
</template> </template>