chore: styling

slidevjs · Dec 16, 2024 · 2a5438d · 2a5438d
1 parent 81f94df
commit 2a5438d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/client/internals/FormItem.vue b/packages/client/internals/FormItem.vue
@@ -28,14 +28,12 @@ function reset() {
       <div v-if="!description" op75 @dblclick="reset">
         {{ title }}
       </div>
-      <Tooltip v-else placement="left" distance="10">
+      <Tooltip v-else distance="10">
         <div op75 text-right @dblclick="reset">
           {{ title }}
         </div>
         <template #popper>
-          <div text-sm>
-            {{ description }}
-          </div>
+          <div text-sm min-w-90 v-html="description" />
         </template>
       </Tooltip>
     </div>

diff --git a/packages/client/pages/export.vue b/packages/client/pages/export.vue
@@ -272,7 +272,7 @@ if (import.meta.hot) {
                 <div class="i-carbon:camera-action inline-block text-xl" />
                 Pre-capture Slides as Images
               </button>
-              <FormItem title="Delay" description="Delay between capturing each slide in milliseconds.\nIncrease this value if slides are captured incompletely. \n(Not related to PDF export)">
+              <FormItem title="Delay" description="Delay between capturing each slide in milliseconds.<br>Increase this value if slides are captured incompletely. <br>(Not related to PDF export)">
                 <input v-model="delay" type="number" step="50" min="50">
               </FormItem>
             </div>
@@ -281,7 +281,7 @@ if (import.meta.hot) {
       </div>
     </div>
     <div id="export-container" ref="export-container" relative>
-      <div print:hidden fixed right-5 bottom-5 bg-main px2 py0 rounded shadow z-1000>
+      <div print:hidden fixed right-5 bottom-5 bg-main px2 py0 shadow z-1000 border="~ main rounded">
         <span op75>Rendering as {{ capturedImages ? 'Captured Images' : 'DOM' }} </span>
       </div>
       <div v-show="!capturedImages" id="export-content" ref="export-content">