-
[OPIK-3563] [FE] Improve mobile responsiveness for Log a trace SideDialog (#4564)
frostbyte_neo 发布于
2026-01-12 14:19:57 +00:00 -
[OPIK-3563] [FE] Improve mobile responsiveness for Log a trace SideDialog
-
Revision 2: Add collapsible menu for portrait mode framework selection
-
Revision 3: Implement Figma design with Select dropdown for mobile
-
Revision 4: Fix duplicate framework icon in Select trigger
-
Revision 5: Reduce horizontal padding to maximize content width
-
Revision 6: Add accordion pattern for code sections on mobile
-
Revision 7: Remove accordion, add code block headers with copy buttons
-
Revision 8: Add numbers to titles, match font weight, reduce header height, prevent text wrapping
-
Revision 9: Reduce code block header height to py-1
-
Revision 10: Fix text clipping on mobile by reducing margins and padding
-
Revision 11: Align copy button with header text by matching border distance
-
Revision 12: Refactor to eliminate code duplication in mobile/desktop rendering
-
Revision 13: Further refactor IntegrationTemplate to eliminate section duplication
-
Revision 14: Use cn utility to eliminate duplicated class names
-
Revision 15: Use cn utility in GetStartedSection for consistent styling
-
Revision 16: Make SideDialog margin responsive - 32px for phone, 60px for desktop
-
Revision 17: Extract duplicated section title styling into getSectionTitleClassName
-
Revision 18: Move CodeBlockWithHeader to module scope for stable component identity
-
Revision 19: Fix spacing between title and description by changing m-auto to mx-auto
-
Revision 20: Remove duplicate copy button when code is executable on mobile
-
Revision 3: Refactor to use Tailwind CSS md: breakpoints instead of useIsPhone hook
下载附件
-