Add min-w-0, w-full, and block classes to flex child elements and text nodes across various UI components to ensure text truncation works correctly. Remove outdated hardcoded card item width styles from global SCSS and replace them with inline responsive width classes where appropriate.
replace outdated overflow-x-autoshow-scrollbar prop with scroll-x and show-scrollbar="false" to enable proper horizontal scrolling and hide the scrollbar
Also remove the now-unused .text-color CSS rule, update the direct text color in the HomeWelcome component from #0B5C2D to #181B25, and replace all existing uses of the .text-color class with direct inline text-[#181B25] utility classes in the NoticeMessage component.
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.
Fix invalid SCSS variable syntax in the NoticeMessage component by replacing invalid $text-[#xxx] references with direct hex codes. Replace SCSS color variable usages with hardcoded hex values across multiple UI components. Standardize hex color values to lowercase in the global SCSS file, and fix the trailing newline in src/uni.scss.
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 unnecessary box-border CSS class from component template class lists across the codebase, cleaning up styling without altering any component functionality.
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
remove deprecated unused component implementations, their image assets, prompt, README, demo and style sheet files
update AGENTS.md to remove references to the removed components and refine the project's style guidance
Install required dependencies, configure PostCSS and Vite plugin, create global app.css entry file, import styles in main.js, and add postinstall patch script.
