andrekolodochka
commented
2 weeks ago Don't know how to center a text that spans across two lines :( Any ideas?
Closed andrekolodochka closed 1 week ago
andrekolodochka
commented
2 weeks ago Don't know how to center a text that spans across two lines :( Any ideas?
AdrianDsg
commented
2 weeks ago Hi @andrekolodochka, Thanks for your contributions to this project. I'm glad that the involvement of hubbers in this project is growing.
Don't know how to center a text that spans across two lines :( Any ideas?
Probably I'm missing something but I think using the CSS text-align: center; might work for you.
Regards, Adrian
andrekolodochka
commented
2 weeks ago Probably I'm missing something but I think using the CSS text-align: center; might work for you.
🤦 🤦 🤦 fixed.
martedesco
commented
1 week ago 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
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.