fix mobile overflow on stat cards

This commit is contained in:
justin committed 2026-02-04 14:51:54 -07:00
1 parent 8f5bdca245
commit 39adf7a6b8
1 file changed
+8 -3
+8 -3
View File
@@ -37,7 +37,7 @@
z-index:1; z-index:1;
max-width:1200px; max-width:1200px;
margin:0 auto; margin:0 auto;
padding:20px; padding:20px 16px;
} }
header{ header{
text-align:center; text-align:center;
@@ -227,6 +227,8 @@
display:flex; display:flex;
align-items:center; align-items:center;
gap:12px; gap:12px;
flex-shrink:1;
min-width:0;
} }
.status-badge{ .status-badge{
padding:6px 12px; padding:6px 12px;
@@ -256,6 +258,10 @@
position:relative; position:relative;
padding:4px 8px; padding:4px 8px;
border-radius:4px; border-radius:4px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
} }
.account-number:hover{ .account-number:hover{
color:var(--accent-green); color:var(--accent-green);
@@ -285,7 +291,7 @@
} }
.stats-grid{ .stats-grid{
display:grid; display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
gap:16px; gap:16px;
margin-bottom:24px; margin-bottom:24px;
} }
@@ -849,4 +855,3 @@
</script> </script>
</body> </body>
</html> </html>