fix mobile overflow on stat cards
This commit is contained in:
+8
-3
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user