Merge pull request #12 from Arzte/display-scores

Display scores correctly
ltouroumov · Jul 3, 2024 · 8a07a25 · 8a07a25
2 parents 858abd7 + c0ebd47
commit 8a07a25
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/components/viewer/ViewMenuBar.vue b/components/viewer/ViewMenuBar.vue
@@ -6,7 +6,7 @@
       <div class="d-flex flex-row items-center">
         <button class="btn btn-light btn-lg i-solar-hamburger-menu-outline" />
       </div>
-      <ViewScoreStatus short />
+      <ViewScoreStatus />
       <div class="d-flex gap-1">
         <button
           class="btn btn-light btn-lg i-solar-magnifer-outline"

diff --git a/components/viewer/ViewScoreStatus.vue b/components/viewer/ViewScoreStatus.vue
@@ -3,7 +3,7 @@
     <span
       v-for="{ score, value } in activeScores"
       :key="score.id"
-      class="d-flex flex-row gap-2"
+      class="d-flex flex-row gap-2 score"
     >
       <span v-if="score.beforeText && !short">{{ score.beforeText }}</span>
       <span>{{ -value }}</span>
@@ -39,3 +39,8 @@ const activeScores = computed<{ score: PointType; value: number }[]>(() => {
   )(scores);
 });
 </script>
+<style land="scss">
+.score {
+  padding-right: 25px;
+}
+</style>