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
