123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- .noteMove {
- position: absolute;
- &::before{
- content: '';
- position: absolute;
- left: -4px;
- right: -4px;
- bottom: -4px;
- top: -4px;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, .3);
- }
- }
- .activeModel{
- &::before{
- background-color: rgba(255,145,0,.3);
- }
- }
- .toolBox {
- position: fixed;
- left: 0;
- top: 30%;
- padding: 8px;
- background: rgba(0, 0, 0, .3);
- border-radius: 4px;
- display: flex;
- flex-direction: column;
- z-index: 9999;
- backdrop-filter: blur(10px);
- &>div,
- &>button {
- margin: 4px 0;
- }
- }
- .moveDisabled{
- .noteMove{
- display: none;
- }
- }
- .hideTool {
- transform: translateX(-120%);
- }
- .rightHideIcon {
- width: 15px;
- height: 30px;
- position: absolute;
- left: 0;
- top: 50%;
- z-index: 10;
- cursor: pointer;
- transition: all 0.5s;
- transform: rotate(180deg);
- }
|