fix mobile overflow on stat cards
This commit is contained in:
+8
-3
@@ -37,7 +37,7 @@
|
||||
z-index:1;
|
||||
max-width:1200px;
|
||||
margin:0 auto;
|
||||
padding:20px;
|
||||
padding:20px 16px;
|
||||
}
|
||||
header{
|
||||
text-align:center;
|
||||
@@ -227,6 +227,8 @@
|
||||
display:flex;
|
||||
align-items:center;
|
||||
gap:12px;
|
||||
flex-shrink:1;
|
||||
min-width:0;
|
||||
}
|
||||
.status-badge{
|
||||
padding:6px 12px;
|
||||
@@ -256,6 +258,10 @@
|
||||
position:relative;
|
||||
padding:4px 8px;
|
||||
border-radius:4px;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
max-width:100%;
|
||||
}
|
||||
.account-number:hover{
|
||||
color:var(--accent-green);
|
||||
@@ -285,7 +291,7 @@
|
||||
}
|
||||
.stats-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;
|
||||
margin-bottom:24px;
|
||||
}
|
||||
@@ -849,4 +855,3 @@
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user