This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch mobile-dashboard-support
in repository https://gitbox.apache.org/repos/asf/superset.git

commit 18ca9764aa94c6df12e7a608d68472b720ff2b63
Author: Evan Rusackas <[email protected]>
AuthorDate: Fri Jan 9 18:15:14 2026 -0800

    feat(mobile): Full-width cards on welcome page mobile view
    
    - Cards now span full width on mobile (< 768px)
    - Reduced horizontal padding for better use of space
    
    🤖 Generated with [Claude Code](https://claude.com/claude-code)
    
    Co-Authored-By: Claude Opus 4.5 <[email protected]>
---
 superset-frontend/src/views/CRUD/utils.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/superset-frontend/src/views/CRUD/utils.tsx 
b/superset-frontend/src/views/CRUD/utils.tsx
index c88aa38259..07f004d9c8 100644
--- a/superset-frontend/src/views/CRUD/utils.tsx
+++ b/superset-frontend/src/views/CRUD/utils.tsx
@@ -378,6 +378,13 @@ export const CardContainer = styled.div<{
         ? `${theme.sizeUnit * 8 + 3}px ${theme.sizeUnit * 20}px`
         : `${theme.sizeUnit * 8 + 1}px ${theme.sizeUnit * 20}px`
     };
+
+    /* Full-width cards on mobile */
+    @media (max-width: 767px) {
+      grid-template-columns: 1fr;
+      padding-left: ${theme.sizeUnit * 4}px;
+      padding-right: ${theme.sizeUnit * 4}px;
+    }
   `}
 `;
 

Reply via email to