chore: update cartoon template

Author: byodian

package.json

@@ -91,7 +91,8 @@
     "lint-staged": "^15.2.10",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vercel": "39.1.1"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [

pnpm-lock.yaml

@@ -61,13 +61,12 @@ export const cartoonTemplate: ArticleModuleTemplate = {
       '&::before': {
         content: '""',
         position: 'absolute',
-        width: '48px',
-        height: '48px',
-        top: '-20px',
-        left: 0,
-        backgroundSize: '24px 24px, 18px 18px',
-        backgroundImage: 'url(/images/cartoon-star-yellow.svg), url(/images/cartoon-star-yellow.svg)',
-        backgroundPosition: 'left center, right 8px top 5px',
+        width: '24px',
+        height: '24px',
+        top: '-10px',
+        left: '10px',
+        backgroundSize: '24px 24px',
+        backgroundImage: 'url(/images/cartoon-star-yellow.svg)',
         backgroundRepeat: 'no-repeat',
       },
 
@@ -76,7 +75,7 @@ export const cartoonTemplate: ArticleModuleTemplate = {
         position: 'absolute',
         width: '24px',
         height: '24px',
-        right: 0,
+        right: '20px',
         bottom: 0,
         backgroundImage: 'url(/images/cartoon-star-yellow.svg)',
         backgroundRepeat: 'no-repeat',
@@ -150,6 +149,7 @@ export const cartoonTemplate: ArticleModuleTemplate = {
       },
     },
     content: {
+      width: '100%',
       paddingTop: '30px',
       paddingLeft: '16px',
       paddingRight: '16px',