add normalize.css, add basic header
parent
59da75eeef
commit
bed9d953d2
File diff suppressed because it is too large
Load Diff
|
@ -10,6 +10,9 @@
|
|||
"dependencies": {
|
||||
"@shoelace-style/shoelace": "^2.0.0-beta.16",
|
||||
"core-js": "^3.6.5",
|
||||
"node-sass": "^4.14.1",
|
||||
"normalize.css": "^8.0.1",
|
||||
"sass-loader": "^10.0.1",
|
||||
"vue": "^2.6.11",
|
||||
"vue-class-component": "^7.2.3",
|
||||
"vue-property-decorator": "^8.4.2",
|
||||
|
|
|
@ -1,12 +1,31 @@
|
|||
<template>
|
||||
<div id="app">
|
||||
<div class="header"><h1>UpEnd</h1></div>
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
@import "../node_modules/normalize.css/normalize.css";
|
||||
|
||||
#app {
|
||||
font-family: Avenir, Helvetica, Arial, sans-serif;
|
||||
color: #2c3e50;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
box-shadow: var(--sl-shadow-large);
|
||||
margin-bottom: 1rem;
|
||||
padding: 1rem;
|
||||
display: block;
|
||||
background: white;
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
font-size: 14pt;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue