Make analyzer left column sticky

This commit is contained in:
Kalle
2022-09-16 11:31:30 +03:00
parent 4b9ab64647
commit 524010141f
2 changed files with 11 additions and 1 deletions

View File

@@ -41,7 +41,7 @@ export default function BuildAnalyzerPage() {
return (
<Main>
<div className="analyzer__container">
<div className="stack lg items-center">
<div className="analyzer__left-column">
<div className="stack sm items-center w-full">
<div className="w-full">
<WeaponCombobox

View File

@@ -4,6 +4,16 @@
grid-template-columns: 1fr 2fr;
}
.analyzer__left-column {
position: sticky;
top: 2rem;
display: flex;
height: max-content;
flex-direction: column;
align-items: center;
gap: var(--s-8);
}
.analyzer__weapon-info-badges {
display: grid;
color: var(--text-lighter);