add normalize.css, add basic header

feat/vaults
Tomáš Mládek 2020-08-30 16:46:05 +02:00
parent 59da75eeef
commit bed9d953d2
3 changed files with 803 additions and 188 deletions

967
ui/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -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",

View File

@ -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>