2 lines
1.5 KiB
Java
2 lines
1.5 KiB
Java
.portal-container[data-v-f4e3d4f1]{height:100%;width:100%;position:absolute;background:#fff;display:flex;overflow:hidden;z-index:800;border:1px solid #eeeeee}.leftArea[data-v-f4e3d4f1]{width:260px;transition:.3s left;position:absolute;left:0;height:100%}.leftArea .content[data-v-f4e3d4f1]{width:100%;height:100%;overflow:hidden}.leftArea.shrink[data-v-f4e3d4f1]{left:-260px}.leftArea.shrink .toggle-btn .icon[data-v-f4e3d4f1]{transform:rotate(0)}.leftArea .toggle-btn[data-v-f4e3d4f1]{transition:color .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);cursor:pointer;width:24px;height:24px;position:absolute;top:50%;right:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333639;border:1px solid #efeff5;background-color:#fff;box-shadow:0 2px 4px #e7e9ef;transform:translate(50%) translateY(-50%);z-index:1}.leftArea .icon[data-v-f4e3d4f1]{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(180deg);font-size:18px;height:18px}.leftArea .icon svg[data-v-f4e3d4f1]{height:1em;width:1em;vertical-align:top}.rightArea[data-v-f4e3d4f1]{margin-left:260px;transition:.3s margin-left;flex:1;min-width:0}.rightArea.shrink[data-v-f4e3d4f1]{margin-left:0}.emptyArea[data-v-f4e3d4f1]{position:absolute;top:45%;left:45%;display:flex;justify-content:center;align-items:center;color:#d4d4d4}.emptyArea .welcome-text[data-v-f4e3d4f1]{font-size:32px;color:#3d4353;font-weight:600}
|