[/issues/12] Icons

RuSaG0 · Jan 31, 2022 · ff365f3 · ff365f3
1 parent 31c5714
commit ff365f3
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 18 deletions.
diff --git a/src/modules/appConfigurationProvider/appConfigurationProviderModule.js b/src/modules/appConfigurationProvider/appConfigurationProviderModule.js
@@ -8,7 +8,7 @@ export default class {
 
   async installAsync(_app) {
     _app.interfaces.configuration = {
-      modules: [] //["mcdis.webmodules.test.12345"]
+      modules: []
     };
   }
 }
diff --git a/src/modules/game/parts/GamePage.vue b/src/modules/game/parts/GamePage.vue
@@ -1,5 +1,4 @@
 <template>
-<h2 class="m-h2">Game </h2>
 <div class="GOL">
     <section class="hero primary-background">
       <div class="hero-body">

diff --git a/src/modules/game/parts/parts/Controller.vue b/src/modules/game/parts/parts/Controller.vue
@@ -8,13 +8,22 @@
     @click="sendEvent(IButtonActions.speedDown)">
     <ArrowDownIcon class="arrowDownIcon arrowDownIcon-down"/>
   </div>
-
   <div
     class="iconWrapper iconWrapper-up"
     @click="sendEvent(IButtonActions.speedUp)">
     <ArrowDownIcon class="arrowDownIcon arrowDownIcon-up"/>
   </div>
 
+  </div>
+
+  <div class="buttonWrapper">
+    <p class="m-p">Evolution: </p>
+  <div
+    class="iconWrapper iconWrapper"
+    @click="sendEvent(IButtonActions.nextStep)">
+    <ArrowDownIcon class="arrowDownIcon arrowDownIcon-next"/>
+  </div>
+
   </div>
 
   <template v-if="isRunning">
@@ -41,13 +50,6 @@
     Clear
   </button>
 
-  <button
-    class="m-button"
-    title="togglePlay"
-    @click="sendEvent(IButtonActions.nextStep)">
-    Next step
-  </button>
-
   <button
     class="m-button"
     title="togglePlay"
@@ -97,18 +99,19 @@ export default {
   .buttonWrapper{
     display: flex;
     align-content: center;
-    .iconWrapper{
-      margin-left: 10px;
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
+    .iconWrapper {
+      margin-left: 5px;
+      width: 20px;
       cursor: pointer;
       .arrowDownIcon{
         width:12px;
         &-down {
-          transform: rotate(90deg);
+          transform: rotate(0deg);
         }
         &-up {
+          transform: rotate(180deg);
+        }
+        &-next{
           transform: rotate(-90deg);
         }
         &:hover {

diff --git a/src/modules/game/parts/parts/Stats.vue b/src/modules/game/parts/parts/Stats.vue
@@ -45,8 +45,7 @@ export default {
 
 <style scoped lang="scss">
 .box {
-  background-color: #e7eef5;
-  color:black;
+  color:var(--text80);
   display: flex;
   align-items:center;
   justify-content: space-between;