diff --git a/src/components/system/LayerTab.vue b/src/components/system/LayerTab.vue index a7f0498..62a423a 100644 --- a/src/components/system/LayerTab.vue +++ b/src/components/system/LayerTab.vue @@ -39,6 +39,7 @@ export default { if (layers[this.layer].activeSubtab?.style) { style.push(layers[this.layer].activeSubtab.style); } + style.push({ minWidth: `${layers[this.layer].minWidth}px` }); return style; }, display() { diff --git a/src/components/system/Tabs.vue b/src/components/system/Tabs.vue index bad33e0..5f00212 100644 --- a/src/components/system/Tabs.vue +++ b/src/components/system/Tabs.vue @@ -57,7 +57,6 @@ export default { position: relative; height: 100%; width: 100%; - min-width: 640px; } .tab .ps { diff --git a/src/data/layers/aca/c.js b/src/data/layers/aca/c.js index ebad8ae..9b6ac1d 100644 --- a/src/data/layers/aca/c.js +++ b/src/data/layers/aca/c.js @@ -20,6 +20,7 @@ export default { otherThingy: 10, spentOnBuyables: new Decimal(0) }}, + minWidth: 800, color: "#4BDC13", requires: new Decimal(10), // Can be a function that takes requirement increases into account resource: "lollipops", // Name of prestige currency diff --git a/src/data/mod.js b/src/data/mod.js index 8e128c5..53123da 100644 --- a/src/data/mod.js +++ b/src/data/mod.js @@ -38,7 +38,7 @@ const spook = { const main = { id: 'main', - display: '' + display: '' } export const initialLayers = [ main, f, c, a, g, h, spook ]; diff --git a/src/store/layers.js b/src/store/layers.js index b98a177..605c035 100644 --- a/src/store/layers.js +++ b/src/store/layers.js @@ -410,6 +410,7 @@ export const defaultLayerProperties = { type: "none", layerShown: true, glowColor: "red", + minWidth: 640, displayRow() { return this.row; },