diff --git a/src/components/Explore.vue b/src/components/Explore.vue index c962c49..4926496 100644 --- a/src/components/Explore.vue +++ b/src/components/Explore.vue @@ -108,16 +108,20 @@ export default class Explore extends Vue { "worldinfo log log statblock" "worldinfo log log wallet" "nav nav choices containers "; - grid-template-rows: fit-content(50%) 1fr fit-content(10%) 18rem; + grid-template-rows: fit-content(50%) 1fr fit-content(10%) 12rem; grid-template-columns: 1fr 1fr 1fr 1fr; + grid-gap: 8px; width: 100%; - height: 100%; - max-width: 1500px; - margin: auto; + height: calc(100% - 16px); + margin-top: 8px; + margin-left: auto; + margin-right: auto; + margin-bottom: 8px; overflow: hidden; } .explore-containers { + background: #222; grid-area: containers; display: flex; flex-direction: column; @@ -143,7 +147,7 @@ export default class Explore extends Vue { .explore-worldinfo { grid-area: worldinfo; - background: #111; + background: #222; padding: 8px; } @@ -153,16 +157,18 @@ export default class Explore extends Vue { } .explore-statblock { + background: #222; grid-area: statblock; } .explore-wallet { + background: #222; grid-area: wallet; } .explore-info { grid-area: info; - background: #333; + background: #222; display: flex; flex-direction: column; flex-wrap: none; @@ -185,7 +191,7 @@ export default class Explore extends Vue { padding: 8px; position: relative; grid-area: nav; - background: #444; + background: #222; display: grid; justify-content: center; align-content: center; @@ -202,7 +208,7 @@ export default class Explore extends Vue { .explore-choices { padding: 8px; grid-area: choices; - background: #555; + background: #222; display: flex; flex-direction: column; overflow-y: scroll; diff --git a/src/components/Profile.vue b/src/components/Profile.vue index ee3a0fb..ded663c 100644 --- a/src/components/Profile.vue +++ b/src/components/Profile.vue @@ -67,7 +67,6 @@ export default class Explore extends Vue { grid-template-columns: 1fr 1fr; width: 100%; height: 100%; - max-width: 1500px; margin: auto; }