habitica/website/client/app.vue

<!-- Entry point component for the entire app -->

<template lang="pug">
#app
  app-menu
  .ui.grid.fluid
    app-header
    router-view
</template>

<script>
import AppMenu from './components/appMenu';
import AppHeader from './components/appHeader';

export default {
  name: 'app',
  components: {
    AppMenu,
    AppHeader,
  },
};
</script>

<style src="assets/less/semantic-ui/semantic.less" lang="less"></style>
<style src="assets/less/index.less" lang="less"></style>
<style src="assets/css/index.css"></style>

<style scoped>
.ui.fixed.menu + .ui.grid {
  padding-top: 0px;
}

.ui.grid {
  margin-top: 0px;
}
</style>