Remove the deprecated border.scss stylesheet and its import from the main SCSS entry file. Replace all legacy border utility class usages with explicit border classes:
- Replace border-ff with border border-white
- Replace border-F1F5F9 with border border-[#f1f5f9]
- Replace border-bottom with border-b border-[#e5e8ee]
- Replace border-top-8 with border-t-8 border-[#f5f5f5]
- Update border-none button styles to add after:!hidden to retain original pseudo-element hiding behavior
Delete the unused global .border SCSS utility class from border.scss. Replace all usages of the generic "border" class with explicit "border border-[#e5e8ee]" to match the original border styling, and retain the dynamic border color override in the OrderQrcode component.
Remove the deprecated scroll.scss stylesheet and its import from the main SCSS index file. Replace all usages of the custom .scroll-y and .scroll-x classes across Vue templates with the corresponding overflow utility classes. Fix a malformed scroll-view tag in the goods album page template.
Remove the unused height.scss partial and its import from the main SCSS entry file. Update all component templates to use explicit h-[numberpx] classes instead of the legacy h-* height utilities, eliminating the separate dependency file.
Replace all instances of prefixed flex utility classes (like flex-items-center, flex-justify-between, flex-full, flex-shrink-0) with their standard un-prefixed counterparts (items-center, justify-between, flex-1, shrink-0) across the codebase. Remove the deprecated src/static/scss/flex.scss partial file as it is no longer needed after these updates.
remove the unused src/static/scss/width.scss file and its import from index.scss, replace all existing custom width utility class usages with the equivalent Tailwind arbitrary width syntax
remove the unused min-height.scss and min-width.scss source files
delete their @import statements from src/static/scss/index.scss
strip the min-width-0 and min-height-0 class attributes from the relevant Vue components
Delete the src/static/scss/font-size.scss utility file, and replace all legacy `font-size-*` class usages across the codebase with inline `text-[numberpx]` styling to consolidate font size definitions and remove redundant utility code.
Delete the standalone font-weight.scss utility file, remove its import from the main scss index, and update all existing references to the custom font-{weight} classes to use either built-in semantic font utilities or inline functional font weight classes matching the project's utility-first styling pattern.
Delete the src/static/scss/margin.scss utility file, update all component templates to replace pre-defined margin classes with inline arbitrary pixel values (e.g. mb-[4px] instead of mb-4), and clean up long template lines for better readability.
Removed unused text-align.scss, position.scss, and rounded.scss utility files along with their imports from scss/index.scss. Updated all existing uses of the rounded-* utility classes in vue components to use inline border-radius syntax like rounded-[10px] instead.
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
Remove the deprecated src/static/scss/line-height.scss custom utility file, and update all component template instances of line-height-* classes to use the equivalent tailwind leading-[xxpx] utilities. This standardizes line height styling across the codebase by using native tailwind classes instead of custom SCSS helpers.
delete the standalone gap.scss utility file, remove its import from src/static/scss/index.scss, and update all component templates to replace predefined gap-* classes with inline gap-[px] notation
Remove the unused box-sizing.scss stylesheet and its import from the main SCSS index file.
Update all Vue component template class references from the custom border-box class to the
native box-border utility class to eliminate redundant custom CSS and align with the project's
utility class conventions.
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
remove unused theme color background utility classes from background.scss,
swap all instances of bg-theme-color-50 and bg-theme-color-500 with their
corresponding hex values across vue components, and update bg-liner gradient
to use direct hex colors instead of theme variables
Replace all custom `bg-*` utility classes across Vue components with Tailwind's arbitrary hex color notation (e.g. `bg-[#f7f7f7]`). Remove redundant hardcoded background color definitions from src/static/scss/background.scss, clean up template formatting, and update gradient button styles to use direct hex values.
- remove unused z-index and word-break SCSS utility files and their imports from src/static/scss/index.scss
- standardize padding unit notation to [px] format in ChatQuickAccess component
- reformat long class attributes and clean up whitespace in GeneratorPhotoComponent
- fix trailing whitespace and formatting for the navigateTo call in GeneratorPhotoComponent
- Implemented RecommendationListCard component for displaying a list of recommendations with titles, descriptions, and badges.
- Created RoutePlanCard component to show route details, including nodes and tips, with a detailed view toggle.
- Added ScenicImageCard component for showcasing images with optional captions.
- Developed SharedVisual components: CardShell, BadgePill, MediaFrame, ActionRow, and DetailShell for reusable UI elements.
- Introduced SCSS styles for all new components and updated existing styles for consistency.
- Created test page to preview and interact with all components using mock data.
- Added new utility classes for background colors, borders, colors, display, flex, font sizes, font weights, heights, positions, rounded corners, and widths.
