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

Move .main-content container from the search view to App.vue

Browse Source
This commit is contained in:
Jakob Scheid
2026-05-07 21:10:55 +02:00
parent 41500560f3
commit 6e7e512a9b
2 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+16 -3
View File
@@ -5,8 +5,21 @@ import Footer from './features/footer/components/Footer.vue';
<template> <template>
<Navbar /> <Navbar />
<router-view /> <div class="main-content">
<router-view />
</div>
<Footer /> <Footer />
</template> </template>
<style scoped>
.main-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 60px;
flex-grow: 1;
}
</style>
src/views/SearchView.vue
+10 -21
View File
@@ -3,30 +3,19 @@ import Searchbar from '../features/search/components/Searchbar.vue'
</script> </script>
<template> <template>
<div class="main-content"> <header class="global-header">
<header class="global-header"> <h1>Seekra</h1>
<h1>Seekra</h1> <span class="slogan">
<span class="slogan"> Built to search.
Built to search. </span>
</span> </header>
</header>
<form id="search-form">
<form id="search-form"> <Searchbar />
<Searchbar /> </form>
</form>
</div>
</template> </template>
<style scoped> <style scoped>
.main-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 60px;
flex-grow: 1;
}
.global-header { .global-header {
text-align: center; text-align: center;
display: flex; display: flex;