feat(ui): disable menu buttons with locked param (#1332)

* feat: add lock icon when param `locked=true`

* chore: move `isViewLocked` logic up the component tree

* chore: remove extra container from lock icon

* chore: move fading logic into separate hook

* chore: move locked icon into separate component

* chore: rename variables
This commit is contained in:
asharonbaltazar
2024-11-18 09:49:49 -05:00
committed by GitHub
parent 238eb49b5c
commit 4c88f90a15
5 changed files with 68 additions and 26 deletions
@@ -38,6 +38,16 @@ $button-size: 3rem;
border-radius: 3px;
}
.lockIcon {
font-size: 1.5rem;
display: grid;
place-content: center;
border-radius: 3px;
background-color: transparent;
color: $active-indicator;
cursor: default;
}
.navButton {
@extend .button;
z-index: 3;