generated from Seekra/repository-template
Move .main-content container from the search view to App.vue
This commit is contained in:
+10
-21
@@ -3,30 +3,19 @@ import Searchbar from '../features/search/components/Searchbar.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="main-content">
|
||||
<header class="global-header">
|
||||
<h1>Seekra</h1>
|
||||
<span class="slogan">
|
||||
Built to search.
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<form id="search-form">
|
||||
<Searchbar />
|
||||
</form>
|
||||
</div>
|
||||
<header class="global-header">
|
||||
<h1>Seekra</h1>
|
||||
<span class="slogan">
|
||||
Built to search.
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<form id="search-form">
|
||||
<Searchbar />
|
||||
</form>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.main-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
gap: 60px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.global-header {
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user