@@ -318,6 +318,48 @@ filteredProjects = filteredProjects.filter((project) => {
318318- Lookups: O(1) per project instead of O(m)
319319- Significant improvement with large datasets
320320
321+ ### CSS Cleanup: Remove Redundant Tailwind Classes
322+
323+ Fixed duplicate and redundant CSS class declarations across all table components throughout the application.
324+
325+ **Problem:** Many table components had duplicate ` 3xl : pl- 12 ` classes in their Tailwind CSS declarations
326+ - Some had simple duplicates: ` pl- 4 sm: pl- 6 lg: pl- 8 3xl : pl- 12 ` (redundant ` 3xl : pl- 12 ` )
327+ - Some had double duplicates: ` 3xl : pl- 12 ... pl- 4 sm: pl- 6 lg: pl- 8 3xl : pl- 12 ` (appearing twice!)
328+
329+ **Files cleaned up:**
330+ - ` resources/ js/ Components/ Common/ Client/ ClientTableRow .vue `
331+ - ` resources/ js/ Components/ Common/ Client/ ClientTableHeading .vue `
332+ - ` resources/ js/ Components/ Common/ Tag/ TagTableHeading .vue `
333+ - ` resources/ js/ Components/ Common/ Tag/ TagTableRow .vue `
334+ - ` resources/ js/ Components/ Common/ ProjectMember/ ProjectMemberTableHeading .vue `
335+ - ` resources/ js/ Components/ Common/ ProjectMember/ ProjectMemberTableRow .vue `
336+ - ` resources/ js/ Components/ Common/ Invitation/ InvitationTableRow .vue `
337+ - ` resources/ js/ Components/ Common/ Invitation/ InvitationTableHeading .vue `
338+ - ` resources/ js/ Components/ Common/ Report/ ReportTableHeading .vue `
339+ - ` resources/ js/ Components/ Common/ Report/ ReportTableRow .vue `
340+ - ` resources/ js/ Components/ Common/ Member/ MemberTableRow .vue `
341+ - ` resources/ js/ Components/ Common/ Member/ MemberTableHeading .vue `
342+ - ` resources/ js/ Components/ Common/ Project/ ProjectTableRow .vue `
343+ - ` resources/ js/ Components/ Common/ Project/ ProjectTableHeading .vue `
344+ - ` resources/ js/ Components/ Common/ Task/ TaskTableHeading .vue `
345+ - ` resources/ js/ Components/ Common/ Task/ TaskTableRow .vue `
346+
347+ **Changes made:**
348+ ` ` ` css
349+ /* Before - redundant classes */
350+ class = " ... pl-4 sm:pl-6 lg:pl-8 3xl:pl-12"
351+ class = " ... 3xl:pl-12 ... pl-4 sm:pl-6 lg:pl-8 3xl:pl-12"
352+
353+ /* After - clean responsive padding */
354+ class = " ... pl-4 sm:pl-6 lg:pl-8"
355+ ` ` `
356+
357+ **Benefits:**
358+ - Cleaner, more maintainable CSS
359+ - Eliminates potential conflicts from duplicate declarations
360+ - Consistent responsive padding across all table components
361+ - Smaller CSS bundle size
362+
321363### Fix Client Table Column Positioning
322364
323365Fixed layout issue where Projects column had excessive spacing from Name column.
0 commit comments