| 1 |
- .page-container[data-v-a6d29388]{display:flex;width:100%;height:100%;box-sizing:border-box}.page-left[data-v-a6d29388]{min-width:240px;width:240px;border-radius:4px;background:#fff;margin-right:15px;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px}.add-btn[data-v-a6d29388],.search-input[data-v-a6d29388]{width:100%}.role-list[data-v-a6d29388]{flex:1;overflow-y:auto;margin-top:5px;padding-right:5px}.role-list[data-v-a6d29388]::-webkit-scrollbar{width:6px}.role-list[data-v-a6d29388]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.role-item[data-v-a6d29388]{padding:10px 12px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-item[data-v-a6d29388]:hover{background-color:#f5f7fa}.role-item.active[data-v-a6d29388]{background-color:#e6f7ff;color:#1890ff;font-weight:500}.page-right[data-v-a6d29388]{width:calc(100% - 215px);background:#fff;border-radius:4px;padding:15px;box-sizing:border-box}.page-right-title[data-v-a6d29388]{font-weight:700;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.menu-permission[data-v-a6d29388]{border-top:1px solid #eee;padding-top:20px;margin-top:20px}.menu-permission .permission-title[data-v-a6d29388]{font-weight:500;margin-bottom:10px;color:#333}.menu-permission .permission-actions[data-v-a6d29388]{margin-bottom:15px;display:flex;gap:10px}.menu-permission .permission-tree[data-v-a6d29388]{border:1px solid #e5e7eb;border-radius:4px;padding:10px;max-height:400px;overflow-y:auto}
|
