style: enhance layout and border styling in CodemirrorEditor.vue

doocs · Jan 9, 2025 · f11c31c · f11c31c
1 parent eb64576
commit f11c31c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
@@ -369,7 +369,7 @@ onMounted(() => {
       @end-copy="endCopy"
     />
     <main class="container-main flex flex-1 flex-col">
-      <div class="container-main-section relative flex flex-1 overflow-hidden">
+      <div class="container-main-section relative flex flex-1 overflow-hidden border-1 border-t-0">
         <PostSlider />
         <div
           ref="codeMirrorWrapper"
@@ -420,7 +420,7 @@ onMounted(() => {
           class="preview-wrapper flex-1 p-5"
         >
           <div id="output-wrapper" :class="{ output_night: !backLight }">
-            <div class="preview border shadow-xl">
+            <div class="preview border-x-1 shadow-xl">
               <section id="output" v-html="output" />
               <div v-if="isCoping" class="loading-mask">
                 <div class="loading-mask-box">
@@ -434,7 +434,7 @@ onMounted(() => {
         <CssEditor class="order-2 flex-1" />
         <RightSlider class="order-2" />
       </div>
-      <footer class="h-[24px] flex items-center justify-end pr-5 text-[12px]">
+      <footer class="h-[30px] flex items-center justify-end pr-5 text-[12px]">
         字数 {{ readingTime?.words }}， 阅读大约需 {{ Math.ceil(readingTime?.minutes ?? 0) }} 分钟
       </footer>