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;
},