WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions 23 Packages Projects Releases Wiki Activity

fix(ui): honor stats bar desktop gutters
Quality / quality (windows-latest) (push) Waiting to run
Details
Quality / quality (ubuntu-latest) (push) Failing after 9m51s
Details

Browse Source
This commit is contained in:
Clintchiz
2026-08-25 16:50:10 +05:30
parent 510b3ba777
commit 3f6612cfe7
4 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/StatsBar.wrn
+15 -1
View File
@@ -152,9 +152,21 @@ component StatsBar {
}
.wrn-stats-bar__inner {
width: min(calc(100% - 2rem), 80rem);
width: min(100%, 80rem);
margin-inline: auto;
}
.wrn-stats-bar[data-gutter="sm"] .wrn-stats-bar__inner {
width: min(calc(100% - 2rem), 80rem);
}
.wrn-stats-bar[data-gutter="md"] .wrn-stats-bar__inner {
width: min(calc(100% - 4rem), 80rem);
}
.wrn-stats-bar[data-gutter="lg"] .wrn-stats-bar__inner {
width: min(calc(100% - 6rem), 80rem);
}
.wrn-stats-bar[data-outer-spacing="md"] { margin-block: 2rem; }
.wrn-stats-bar[data-radius="xl"] .wrn-stats-bar__surface { overflow: hidden; border-radius: 1.25rem; }
.wrn-stats-bar[data-shadow="sm"] .wrn-stats-bar__surface { box-shadow: 0 10px 30px rgb(15 23 42 / 0.05); }
@@ -491,7 +503,9 @@ component StatsBar {
@media (max-width: 639px) {
.wrn-stats-bar[data-mobile-columns="1"] .wrn-stats-bar__surface { grid-template-columns: 1fr; }
.wrn-stats-bar[data-gutter="sm"] .wrn-stats-bar__inner,
.wrn-stats-bar[data-gutter="md"] .wrn-stats-bar__inner { width: calc(100% - 2rem); }
.wrn-stats-bar[data-gutter="lg"] .wrn-stats-bar__inner { width: calc(100% - 3rem); }
.wrn-stats-bar[data-max-width="full"] .wrn-stats-bar__surface {
border-inline: 0;
border-radius: 0;