diff options
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 20 |
1 files changed, 2 insertions, 18 deletions
diff --git a/src/App.vue b/src/App.vue index 463e028..b5f897d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -8,52 +8,39 @@ </template> <style> -/* - we might want to consider Normalize -*/ - :root { background: gray(95); } - #app { z-index: 100; - & > .nav { grid-area: side; } - & > .header { grid-area: logo; } - & > .content { grid-area: page; background: #E1D6CF; padding: 15px 15px 30px 15px; border-radius: 15px 15px 0 0; text-align: justify; - & h1 { margin: 20px 0 0 0 0; font-weight: bold; font-size: 1.3em; border-bottom: 1px solid #9f9894; color: gray(24); - &:nth-of-type(1n + 2) { margin-top: 2em; } } } - & > .footer { grid-area: footer; } - font-family: sans-serif; color: #2c3e50; - width: 100%; max-width: 1100px; margin: 0 auto; @@ -64,7 +51,6 @@ "side" "footer"; } - @media (min-width: 1100px) { #app { grid-column-gap: 0em; @@ -74,13 +60,11 @@ "logo logo" "page side" "footer footer"; - & > .content { background: url(assets/page_footer.webp) no-repeat left bottom #E1D6CF; min-width: 890px; padding-bottom: 200px; border-radius: 15px 0 0 15px; - & p { margin: 0px 40px 5px 30px; } @@ -90,12 +74,12 @@ </style> <script lang="ts"> -import { Component, Vue } from "vue-property-decorator"; +import { Options, Vue } from "vue-class-component"; import Navigation from "@/components/Navigation.vue"; import Logo from "@/components/Logo.vue"; import Copyright from "@/components/Footer.vue"; -@Component({ +@Options({ components: { Navigation, Logo, |