docs: fix styles

Casual-UI · Jul 22, 2024 · aea0079 · aea0079
1 parent 8267d4d
commit aea0079
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 26 deletions.
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -17,7 +17,7 @@
     "@sveltejs/adapter-static": "^3.0.2",
     "@sveltejs/kit": "^2.5.18",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
-    "@sveltepress/theme-default": "^2.0.4",
+    "@sveltepress/theme-default": "^2.0.6",
     "@sveltepress/vite": "^0.33.2",
     "@types/node": "^20.4.5",
     "sass": "^1.64.1",

diff --git a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/FlexPlayground.svelte
@@ -48,23 +48,14 @@
   <CRadioGroup options="{mapOptions(gutters)}" bind:value="{gutter}" />
 
   <div class="{`${finalClasses} c-row`}">
-    <div class="{`item c-col-${col}`}">1</div>
-    <div class="{`item c-col-${col}`}">2</div>
-    <div class="{`item c-col-${col}`}">3</div>
+    <div class="item c-col-{col} h-15">1</div>
+    <div class="item c-col-{col} h-30">2</div>
+    <div class="item c-col-{col} h-23">3</div>
   </div>
 </div>
 
 <style>
   .item {
     --at-apply: 'bg-svp-primary text-white text-center flex items-center justify-center bg-clip-content';
   }
-  .item:nth-child(1) {
-    --at-apply: 'h-[60px]';
-  }
-  .item:nth-child(2) {
-    --at-apply: 'h-[120px]';
-  }
-  .item:nth-child(3) {
-    --at-apply: 'h-[90px]';
-  }
 </style>
diff --git a/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte b/packages/docs/src/routes/features/global-css-utils/flex-and-grid/GridPlayground.svelte
@@ -61,14 +61,14 @@
   <CRadioGroup options="{mapOptions(itemNumArray)}" bind:value="{itemNum}" />
 
   <div
-    class="{`c-grid c-grid-col-${col} c-grid-row-${row} c-grid-gap-${gap} c-pa-${gap}`}"
+    class="c-grid c-grid-col-{col} c-grid-row-{row} c-grid-gap-{gap} c-pa-{gap}"
   >
     {#each activeItems as item, i (item)}
       <div
         animate:flip="{{
           duration: 500,
         }}"
-        class="{`item c-col-${col}`}"
+        class="item c-col-{col}"
         in:receive="{{
           key: item,
         }}"

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -38,7 +38,8 @@
   ],
   "scripts": {
     "build": "svelte-package -i src && vite build",
-    "build:icon": "vite build -c vite.icon.config.js"
+    "build:icon": "vite build -c vite.icon.config.js",
+    "prepare": "pnpm build:icon"
   },
   "peerDependencies": {
     "svelte": "^3.46.0 || ^4.0.0"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml