diff --git a/src/App.vue b/src/App.vue index 8dbf3dc9..0d874693 100644 --- a/src/App.vue +++ b/src/App.vue @@ -11,7 +11,7 @@ -
+
diff --git a/src/assets/css/global.scss b/src/assets/css/global.scss index 54713d24..ff528022 100644 --- a/src/assets/css/global.scss +++ b/src/assets/css/global.scss @@ -67,7 +67,7 @@ a { .l-container { display: grid; grid-template-columns: min-content 1fr min-content; - grid-template-rows: 3rem 1fr 1fr; + grid-template-rows: 3.5rem 1fr 1fr; grid-auto-flow: row; grid-template-areas: "l-sidebar nav search-input" @@ -129,10 +129,11 @@ a { display: flex; } -.content { +#acontent { grid-area: content; - padding: 0; max-width: 1504px; + padding: $small; + overflow: auto; .nav { margin: $small; diff --git a/src/components/nav/NavBar.vue b/src/components/nav/NavBar.vue index c7fa9ff4..5f8b1bb4 100644 --- a/src/components/nav/NavBar.vue +++ b/src/components/nav/NavBar.vue @@ -114,7 +114,7 @@ onMounted(() => { display: grid; grid-template-columns: 1fr min-content max-content; padding-bottom: 1rem; - margin: $small $small 0 $small; + margin: $small $small 0 0; border-bottom: 1px solid $gray3; height: 3rem; diff --git a/src/views/AlbumView.vue b/src/views/AlbumView.vue index 6e3ab3cc..e1bdaaa0 100644 --- a/src/views/AlbumView.vue +++ b/src/views/AlbumView.vue @@ -39,10 +39,6 @@ onBeforeRouteUpdate(async (to) => {