<template> <div class="layout"> <Layout> <ClearBowlHeader/> <Content> <nuxt/> </Content> </Layout> </div> </template> <script> import ClearBowlHeader from "../components/Layout/ClearBowlHeader" export default { components: { 'ClearBowlHeader': ClearBowlHeader } } </script> <style> html { font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px; word-spacing: 1px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; } *, *:before, *:after { box-sizing: border-box; margin: 0; } .button--green { display: inline-block; border-radius: 4px; border: 1px solid #3b8070; color: #3b8070; text-decoration: none; padding: 10px 30px; } .button--green:hover { color: #fff; background-color: #3b8070; } .button--grey { display: inline-block; border-radius: 4px; border: 1px solid #35495e; color: #35495e; text-decoration: none; padding: 10px 30px; margin-left: 15px; } .button--grey:hover { color: #fff; background-color: #35495e; } .layout { background: white; position: relative; border-radius: 4px; } .ivu-layout-content { padding: 20px 50px; background: white; text-align: center; display: flex; align-items: center; justify-content: center; } .ivu-btn-primary { background-color: #248200; border-color: #248200 } .ivu-btn-primary:hover { background-color: #27a900; } </style>