feat: modify the style of the prompt component

[wuyiping0628]

Summary by CodeRabbit

• Style
  • Improved spacing and alignment of custom content blocks in documentation, including better indentation for lists and content within info, warning, danger, and tip boxes.
  • Enhanced visual layout behavior for custom block icons and markers for improved readability.

[coderabbitai]

Walkthrough

VitePress theme stylesheet updated to modify custom block layout behavior. Flexbox display removed from custom blocks, pseudo-element changed from inline-block to float positioning, and left margins added to ordered lists and block content within custom block variants.

Changes

Cohort / File(s)	Summary
VitePress Theme Styling .vitepress/theme/style.css	Modified custom block layout by removing flexbox display, changing pseudo-element positioning from display: inline-block to float: left, and adding margin-left: 32px indentation to ordered lists and .custom-block-content within info, warning, danger, and tip block variants.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Poem

🐰 A dash of CSS, a shift in the flow,
Floats now guide where icons will go,
Margins align the ordered array,
Custom blocks dance in a new, neater way,
Layout reborn, with spacing so bright! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title 'feat: modify the style of the prompt component' is somewhat vague and doesn't clearly convey the specific styling changes made, such as layout modifications and indentation adjustments for custom block elements.	Consider a more specific title that describes the actual changes, such as 'feat: adjust custom block layout and indentation styles' or 'feat: refactor custom block styling with margin adjustments'.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch wyp/tips-0331

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against the current code and only fix it if needed.

Inline comments:
In @.vitepress/theme/style.css:
- Around line 500-508: The rules for list indentation double-apply because both
the selectors ".vp-doc .custom-block.info ol, .vp-doc .custom-block.warning ol,
.vp-doc .custom-block.danger ol, .vp-doc .custom-block.tip ol" and ".vp-doc
.custom-block .custom-block-content" add margin-left; remove the explicit ol
selector rules and keep the 32px margin only on ".vp-doc .custom-block
.custom-block-content", then add a reset for lists inside that container (reset
ol and ul margin-left to 0 inside ".vp-doc .custom-block .custom-block-content")
so nested lists do not accumulate indentation.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 7978c001-4d3d-4feb-b7b6-238c2cc7e9ea

📥 Commits

Reviewing files that changed from the base of the PR and between a6ea9d2 and 412cb1a.

📒 Files selected for processing (1)

• .vitepress/theme/style.css