feat: update "Quick Start" & "use Cases" page #18
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
… and UseCaseCard components
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
can we have those two cards on the same line ? And add a new card third one for Oracle Factory ? May be we can extend CardGrid component or create an other one ! |
There was a problem hiding this comment.
Pull Request Overview
This PR refactors the documentation site by replacing custom HTML/CSS card layouts with reusable Vue components. The change introduces a component-based architecture for displaying project starters, sandboxes, and use cases across the documentation.
- Replaced inline HTML card structures with reusable
UseCaseCard,ProjectCard, andCardGridcomponents - Added shared component library including
Badge,Button, andActionButtoncomponents - Updated styling system with Tailwind CSS theme variables for consistent design tokens
Reviewed Changes
Copilot reviewed 10 out of 10 changed files in this pull request and generated 4 comments.
Show a summary per file
| File | Description |
|---|---|
| src/overview/use-cases.md | Replaced custom HTML cards with UseCaseCard component for demo showcases |
| src/overview/quick-start.md | Converted starter templates and sandbox sections to use ProjectCard and CardGrid components |
| src/manage-data/dataProtector/getting-started.md | Updated sandbox section to use new card components |
| src/components/ui/Button.vue | Enhanced button component with variant support and improved styling |
| src/components/UseCaseCard.vue | New component for displaying use case demos with image, features, and actions |
| src/components/ProjectCard.vue | New component for project starters and sandboxes with status badges |
| src/components/CardGrid.vue | Simple grid container component for responsive card layouts |
| src/components/Badge.vue | New badge component with multiple variants and icon support |
| src/components/ActionButton.vue | New action button component with primary/disabled states |
| .vitepress/theme/style.css | Added Tailwind CSS theme configuration with design token mappings |
Le-Caignec
changed the title
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.