Is there a way to eliminate the space below v-app-bar?
the header segment User_Header.vue
<template>
<v-app id="user_header">
<v-app-bar app color="#8a0303" dark>
<h1>this is app bar</h1>
</v-app-bar>
</v-app>
</template>
<script>
export default {
name: "User_Header"
}
</script>
<style>
</style>
the section where I refer to as header User_Dashboard.vue
<template>
<v-app id="user_dashboard">
<User_Header />
<div>
<h1>Test</h1>
</div>
</v-app>
</template>
<script>
import User_Header from '../components/layout/User_Header'
export default {
name: "User_Dashboard",
components: {
User_Header
}
}
</script>
<style>
</style>
there seems to be a significant gap in my output