Darkmode finished

sfcta · Jan 3, 2022 · f2e51e1 · f2e51e1
1 parent d3db3c8
commit f2e51e1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/DrawingTool/DrawingTool.vue b/src/components/DrawingTool/DrawingTool.vue
@@ -4,7 +4,7 @@
 
   .map-actions
     button.button.draw-button.is-tiny(v-if="isDark" title="Draw" @click="toggleShapeDrawer"
-      :class="{'is-drawing': showShapeDrawer}" :style="{background: `rgb(43,60,78)`}"
+      :class="{'is-drawing': showShapeDrawer}" :style="{background: `rgb(43,60,78)`, border: `1px solid rgb(119,119,119)`}"
     )
       img(src="./images/draw-icon-dm.png" width=16)
     button.button.draw-button.is-tiny(v-else title="Draw" @click="toggleShapeDrawer"

diff --git a/src/components/ZoomButtons.vue b/src/components/ZoomButtons.vue
@@ -20,13 +20,14 @@
       img.img-button(v-else @click="zoomOut()"
           :title="$t('out')"
           src="@/assets/images/sw_minus.jpg")
-    .button-single.button-bottom
+    .button-single.button-bottom(v-if="globalState.isDarkMode" :style="{ background: `rgb(43,60,78)`, border: '1px solid rgb(119,119,119)'}")
       img.img-button(v-if="globalState.isDarkMode" @click="setNorth()"
           :title="$t('center')"
           src="@/assets/images/sw_north_arrow_dm.png"
           :style="{transform: `rotate(${arrowRotation}deg)`, background: `rgb(43,60,78)`}"
       )
-      img.img-button(v-else @click="setNorth()"
+    .button-single.button-bottom(v-if="!globalState.isDarkMode" :style="{border: '1px solid rgb(224,224,224g)'}")
+      img.img-button(@click="setNorth()"
           :title="$t('center')"
           src="@/assets/images/sw_north_arrow.png"
           :style="{transform: `rotate(${arrowRotation}deg)`}"
@@ -159,6 +160,7 @@ export default class VueComponent extends Vue {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   height: 21px;
+  margin-top: -1px;
 }
 
 .map-scale {