[docs] 细节样式微调

package.json

@@ -49,6 +49,7 @@
     "rollup": "^3.27.0",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-esbuild": "^5.0.0",
+    "sass": "^1.64.2",
     "simple-git-hooks": "^2.9.0",
     "tsx": "^3.12.7",
     "type-fest": "^4.1.0",

packages/.vitepress/components/DemoCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded-lg bg-neutral-1 dark:bg-black/20! p-6">
+  <div class="rounded-lg bg-neutral-1 dark:bg-black/20! p-6 my-4">
     <slot />
   </div>
 </template>

packages/mixte/src/random/demo/randomNatural.vue

@@ -1,11 +1,11 @@
 <template>
   <div flex gap-2 items-center>
     <div grid="~ cols-[auto_1fr] items-center gap-1">
-      min: <el-input-number v-model="min" class="w-30!" controls-position="right" :min="0" />
-      max: <el-input-number v-model="max" class="w-30!" controls-position="right" :min="min" />
+      min: <el-input-number v-model="min" class="w-32!" controls-position="right" :min="0" />
+      max: <el-input-number v-model="max" class="w-32!" controls-position="right" :min="min" />
     </div>
     <button m-btn @click="value = randomNatural(min, max)">点击随机</button>
-    <el-input v-model="value" class="w-30!" readonly />
+    <el-input v-model="value" class="w-36!" readonly />
   </div>
 </template>
 

packages/mixte/src/random/index.md

@@ -4,7 +4,7 @@
 
 在传入的两个自然数之间随机生成一个自然数
 
-## 演示
+### 演示
 
 <DemoCard>
   <RandomNatural />

packages/unocss.config.ts

@@ -8,7 +8,7 @@ export default defineConfig({
     'm-box-b': 'flex-(~ items-center justify-center) rounded b-(1 solid neutral-3)',
 
     // 按钮
-    'm-btn': 'h-9 m-box bg-teal-5 c-white rounded-1 p-3 disabled:cursor-not-allowed',
+    'm-btn': 'h-9 flex-none m-box bg-teal-5 c-white rounded-1 p-3 disabled:cursor-not-allowed',
 
     // 输入框
     'm-input': 'lh-none b-(1 solid neutral-3 rounded-1) p-(2 x-3)',