mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-11-12 12:16:11 +01:00
remove bottom margin for no xp's at the bottom
idfk whatever man
This commit is contained in:
2 files changed
+13
-1
No files matched your search
@@ -145,7 +145,9 @@
|
||||
--line-thickness: var(--space-1);
|
||||
--line-border: var(--space-1) solid var(--gray-6);
|
||||
|
||||
margin-bottom: calc(var(--space-2) + var(--font-size-minor));
|
||||
&[data-has-bottom-cost="true"] {
|
||||
margin-bottom: calc(var(--space-2) + var(--font-size-minor));
|
||||
}
|
||||
|
||||
display: grid;
|
||||
gap: var(--depth-gap) var(--sibling-gap);
|
||||
|
||||
@@ -218,9 +218,19 @@ function ModuleTree() {
|
||||
[tank, resolve],
|
||||
);
|
||||
|
||||
// Prices hang below the modules, so room is only reserved if the bottom row has one
|
||||
const bottomRow = Math.max(...cells.map((cell) => cell.position[0]));
|
||||
const hasBottomCost = cells.some(
|
||||
(cell) =>
|
||||
cell.position[0] === bottomRow &&
|
||||
cell.unlock !== undefined &&
|
||||
cell.unlock.cost!.value > 0,
|
||||
);
|
||||
|
||||
return (
|
||||
<div
|
||||
className={styles.tree}
|
||||
data-has-bottom-cost={hasBottomCost}
|
||||
style={{
|
||||
// Transposed: the layout's columns (depth) become rows
|
||||
gridTemplateColumns: `repeat(${rows}, var(--module-size))`,
|
||||
|
||||
Reference in new issue
Block a user