style(#70): codemirror status bar border

lukashornych · Dec 7, 2023 · dc3004b · dc3004b
1 parent 41cff2a
commit dc3004b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/base/CodemirrorFull.vue b/src/components/base/CodemirrorFull.vue
@@ -77,9 +77,4 @@ const state = ref<EditorState>()
     top: 0;
     bottom: 2rem;
 }
-
-.status-bar {
-    display: flex;
-    justify-content: right;
-}
 </style>
diff --git a/src/components/base/CodemirrorFullStatusBar.vue b/src/components/base/CodemirrorFullStatusBar.vue
@@ -12,6 +12,7 @@ const props = defineProps<{
 </script>
 
 <template>
+    <VDivider />
     <div v-if="state" class="status-bar">
         <span v-if="state.selection.ranges.length > 1">
             {{ state.selection.ranges.length }} selections
@@ -32,6 +33,7 @@ const props = defineProps<{
     display: flex;
     column-gap: 1rem;
     align-items: center;
+    justify-content: right;
     padding: 0 0.5rem;
 }
 </style>