From a6fdf4bde10893bff16cf33f0a2735066692601a Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 9 Nov 2022 13:55:01 +0100
Subject: [PATCH] Poprawki stylistyczne

---
 src/components/StockGeneratorTab.vue | 14 ++++++++++----
 src/styles/global.scss               |  3 ++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/StockGeneratorTab.vue b/src/components/StockGeneratorTab.vue
index 74e228c..e300b61 100644
--- a/src/components/StockGeneratorTab.vue
+++ b/src/components/StockGeneratorTab.vue
@@ -71,11 +71,13 @@
 
       <hr />
 
-      <div class="generator_actions" v-if="computedChosenCarTypes.size != 0">
-        <button class="btn" @click="generateStock">WYGENERUJ</button>
-        <button class="btn">WYGENERUJ PRÓŻNE WAGONY</button>
+      <div class="generator_actions">
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="generateStock">WYGENERUJ</button>
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0">WYGENERUJ PRÓŻNE WAGONY</button>
 
-        <button class="btn" @click="resetChosenCargo">ZRESETUJ ŁADUNKI</button>
+        <button class="btn" :data-disabled="computedChosenCarTypes.size == 0" @click="resetChosenCargo">
+          ZRESETUJ ŁADUNKI
+        </button>
       </div>
     </div>
   </div>
@@ -328,6 +330,10 @@ hr {
     padding: 0.5em;
     font-weight: bold;
   }
+
+  &[data-disabled] button {
+    opacity: 0.75;
+  }
 }
 
 .warning {
diff --git a/src/styles/global.scss b/src/styles/global.scss
index c2b87e3..6ee3950 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -106,7 +106,8 @@ button.btn {
     -moz-user-select: none;
     -webkit-user-select: none;
 
-    opacity: 0.7;
+    opacity: 0.75;
+    background-color: #2b2b2b;
   }
 
   &--text {