TresAbhi/blitzkit
1
0 Fork 0
mirror of https://github.com/blitzkit/blitzkit.git synced 2026-10-24 03:59:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

cleaner equipment and modules ui

Browse Source
This commit is contained in:
tresabhi committed 2026-05-17 13:46:53 -05:00
1 parent 26cc0cc723
commit c100a1e655
4 files changed
+150 -122
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/website-ue/src/components/TankopediaLoadout/index.module.css
+46 -35
View File
@@ -20,25 +20,32 @@
.slots {
display: flex;
flex-direction: column;
gap: var(--space-2);
align-items: center;
.slot {
aspect-ratio: 1 / 1;
padding: var(--space-3);
.options {
display: flex;
font-size: var(--space-5);
.slot {
aspect-ratio: 1 / 1;
padding: var(--space-3);
&:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
font-size: var(--space-5);
&:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&[data-selected="true"] {
z-index: 1;
&:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&[data-selected="true"] {
z-index: 1;
}
}
}
}
@@ -53,37 +60,41 @@
.line {
display: flex;
align-items: center;
gap: var(--space-3);
.stage {
position: relative;
.wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-2);
padding: var(--space-3);
.stage {
position: relative;
font-size: 2em;
padding: var(--space-3);
.icon {
width: 1em;
height: 1em;
font-size: 2em;
padding: var(--space-3) 0;
.icon {
width: 1em;
height: 1em;
transform: translate(var(--space-1), calc(-1 * var(--space-1)));
}
transform: translate(var(--space-1), var(--space-1));
}
.tier {
position: absolute;
left: var(--space-2);
top: var(--space-2);
}
.tier {
position: absolute;
left: var(--space-2);
top: var(--space-2);
}
.price {
position: absolute;
left: 50%;
bottom: var(--space-2);
transform: translateX(-50%);
.price {
position: absolute;
left: 50%;
bottom: var(--space-2);
transform: translateX(-50%);
}
}
}
}