formatting changes #39
Merged
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
|
Don't know how to center a text that spans across two lines :( Any ideas? |
|
Hi @andrekolodochka,
Probably I'm missing something but I think using the CSS Regards, |
🤦 🤦 🤦 |
|
Thanks so much for the so due refactoring! I am adding some spacing in the cards so the two-liners are centralized. Looking like below 
|
martedesco
approved these changes
Jun 20, 2024
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.
This pull request primarily focuses on refactoring the CSS styles and HTML structure of various Vue components in the project. The changes are mainly centered around the extraction of common styles to a global CSS file and the adjustment of HTML structure and class assignments to better use these styles.
CSS Centralization:
src/assets/global.css: Added new CSS classes.tiles-container,.tiles-text, and.error-messagefor common styling across different components.src/main.ts: Imported theglobal.cssfile to make the CSS classes available globally across the application.CSS Removal:
src/components/BreakdownComponent.vue: Removed the.tiles-containerCSS class from the component's scoped styles as it's now globally available.src/components/CopilotChatViewer.vue: Removed the.tiles-containerCSS class from the component's scoped styles as it's now globally available.src/components/MetricsViewer.vue: Removed the.tiles-containerCSS class from the component's scoped styles as it's now globally available.src/components/SeatsAnalysisViewer.vue: Removed the.tiles-containerCSS class from the component's scoped styles as it's now globally available.HTML Structure Refactoring:
src/components/BreakdownComponent.vue: Applied the.tiles-textCSS class to the appropriatedivelements and modified the paragraph (p) elements to use the.text-h4class for styling.src/components/CopilotChatViewer.vue: Applied the.tiles-textCSS class to the appropriatedivelements and modified the paragraph (p) elements to use the.text-h4class for styling.src/components/MetricsViewer.vue: Applied the.tiles-textCSS class to the appropriatedivelements and modified the paragraph (p) elements to use the.text-h4class for styling.src/components/SeatsAnalysisViewer.vue: Applied the.tiles-textCSS class to the appropriatedivelements, modified thev-card-itemto use the.d-flex,.justify-center, and.align-centerclasses for styling, and modified the paragraph (p) elements to use the.text-h4class for styling.