From eccfcc418a89eb563c39d35a07c5aefc044491a3 Mon Sep 17 00:00:00 2001
From: ducdat0507 <62660527+ducdat0507@users.noreply.github.com>
Date: Sat, 17 Dec 2022 15:57:28 +0700
Subject: [PATCH] Minor polishing

---
 src/components/Layer.vue     | 6 ++++++
 src/data/layers/boxes.tsx    | 7 ++++---
 src/data/layers/cloth.tsx    | 7 ++++---
 src/data/layers/coal.tsx     | 7 ++++---
 src/data/layers/letters.tsx  | 7 ++++---
 src/data/layers/metal.tsx    | 7 ++++---
 src/data/layers/oil.tsx      | 8 +++++---
 src/data/layers/paper.tsx    | 7 ++++---
 src/data/layers/plastic.tsx  | 7 ++++---
 src/data/layers/trees.tsx    | 7 ++++---
 src/data/layers/workshop.tsx | 5 +++--
 11 files changed, 46 insertions(+), 29 deletions(-)

diff --git a/src/components/Layer.vue b/src/components/Layer.vue
index 20cdf27..8c055bd 100644
--- a/src/components/Layer.vue
+++ b/src/components/Layer.vue
@@ -237,3 +237,9 @@ export default defineComponent({
     text-shadow: 0 0 7px var(--foreground);
 }
 </style>
+<style> 
+.layer-tab.minimized > * > .desc {
+    color: var(--accent1);
+    font-size: 30px;
+}
+</style>
diff --git a/src/data/layers/boxes.tsx b/src/data/layers/boxes.tsx
index 4fb0f35..3e2c48a 100644
--- a/src/data/layers/boxes.tsx
+++ b/src/data/layers/boxes.tsx
@@ -617,9 +617,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(boxes.value)} {boxes.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(boxes.value)} {boxes.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/cloth.tsx b/src/data/layers/cloth.tsx
index a430a49..9adbc18 100644
--- a/src/data/layers/cloth.tsx
+++ b/src/data/layers/cloth.tsx
@@ -613,9 +613,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(cloth.value)} {cloth.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(cloth.value)} {cloth.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/coal.tsx b/src/data/layers/coal.tsx
index e02bfc7..07ded68 100644
--- a/src/data/layers/coal.tsx
+++ b/src/data/layers/coal.tsx
@@ -1110,9 +1110,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(coal.value)} {coal.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(coal.value)} {coal.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/letters.tsx b/src/data/layers/letters.tsx
index 697cdc6..6ef5826 100644
--- a/src/data/layers/letters.tsx
+++ b/src/data/layers/letters.tsx
@@ -283,9 +283,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(letters.value)} {letters.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(letters.value)} {letters.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/metal.tsx b/src/data/layers/metal.tsx
index ecd0f82..fac37b7 100644
--- a/src/data/layers/metal.tsx
+++ b/src/data/layers/metal.tsx
@@ -721,9 +721,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(metal.value)} {metal.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(metal.value)} {metal.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/oil.tsx b/src/data/layers/oil.tsx
index a3a7f0c..045ab33 100644
--- a/src/data/layers/oil.tsx
+++ b/src/data/layers/oil.tsx
@@ -1283,9 +1283,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
         }),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(oil.value)} {oil.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(oil.value)} {oil.displayName}</span>
+            </div>   
+        )),
+
     };
 });
 
diff --git a/src/data/layers/paper.tsx b/src/data/layers/paper.tsx
index 162108e..7ed0696 100644
--- a/src/data/layers/paper.tsx
+++ b/src/data/layers/paper.tsx
@@ -493,9 +493,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(paper.value)} {paper.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(paper.value)} {paper.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/plastic.tsx b/src/data/layers/plastic.tsx
index b201a1a..6d2ea5f 100644
--- a/src/data/layers/plastic.tsx
+++ b/src/data/layers/plastic.tsx
@@ -356,9 +356,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(plastic.value)} {plastic.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(plastic.value)} {plastic.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/trees.tsx b/src/data/layers/trees.tsx
index 24e27c2..b8b8b3a 100644
--- a/src/data/layers/trees.tsx
+++ b/src/data/layers/trees.tsx
@@ -863,9 +863,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(logs.value)} {logs.displayName}
-            </div>
-        ))
+                {name}{" "}
+                <span class="desc">{format(logs.value)} {logs.displayName}</span>
+            </div>   
+        )),
     };
 });
 
diff --git a/src/data/layers/workshop.tsx b/src/data/layers/workshop.tsx
index c217bd7..1bb09b0 100644
--- a/src/data/layers/workshop.tsx
+++ b/src/data/layers/workshop.tsx
@@ -333,9 +333,10 @@ const layer = createLayer(id, function (this: BaseLayer) {
         )),
         minimizedDisplay: jsx(() => (
             <div>
-                {name} - {format(foundationProgress.value)}% {foundationProgress.displayName}
+                {name}{" "}
+                <span class="desc">{formatWhole(foundationProgress.value)}% {foundationProgress.displayName}</span>
             </div>
-        ))
+        )),
     };
 });