From 828d8d38f0c92f0612eba6944950253c63fcc7e8 Mon Sep 17 00:00:00 2001
From: Graham Smith <gsmith@skye.local>
Date: Tue, 30 Jun 2020 14:56:26 -0400
Subject: [PATCH] remove width constraint
---
src/App.vue | 10 ----------
src/components/NavBar.vue | 1 -
src/components/PageHeader.vue | 3 ++-
3 files changed, 2 insertions(+), 12 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 9bfe1931..125e2ea8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,19 +24,10 @@ export default {
@import "node_modules/bootstrap/scss/bootstrap";
@import "node_modules/bootstrap-vue/src/index.scss";
-$max-body-width: 1440px;
-
html {
// rubber-band overscroll color and determines the scrollbar color on chrome for mac
background-color: $primary-bg-color;
}
-// show a light-colored scrollbar on xxl displays so that the scrollbar is visible
-// against the dark vertical bars
-@media (min-width: $max-body-width) {
- html {
- background-color: #000000;
- }
-}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -48,7 +39,6 @@ body {
}
#app {
- max-width: $max-body-width;
background-color: $primary-bg-color;
margin-left: auto;
margin-right: auto;
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 6a113db2..48a58c23 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -38,7 +38,6 @@ export default {
<style lang="scss" scoped>
.navbar {
background-color: $secondary-bg-color;
- max-width: 1440px;
margin-left: auto;
margin-right: auto;
diff --git a/src/components/PageHeader.vue b/src/components/PageHeader.vue
index 9a62f731..58cc3ebb 100644
--- a/src/components/PageHeader.vue
+++ b/src/components/PageHeader.vue
@@ -35,12 +35,13 @@ export default {
.page-header {
background-color: $secondary-bg-color;
background-image: url(~@/assets/images/tech-bg.jpg);
- background-position-y: -420px;
+ background-position-y: -260px;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: auto;
margin-bottom: 7rem;
margin-top: 98px;
+ background-size: cover;
.title,
.subtext,
--
GitLab