.searchPage { .card { width: 100%; :global(.ant-card-body) { padding: 14px; } p { margin: 0; } } .tag { padding: 4px 8px; font-size: 14px; cursor: pointer; } } .searchSide { // height: calc(100vh - 72px); position: relative; // position: fixed !important; // top: 72px; // bottom: 0; :global(.ant-layout-sider-children) { height: auto; } inset-inline-start: 0; .modelForm { display: flex; padding: 24px; } .checkGroup { width: 100%; height: 100%; } .list { width: 100%; // height: 100%; height: calc(100vh - 152px); overflow: auto; } .checkbox { width: 100%; } .knowledgeName { width: 130px; } } .content { height: 100%; .main { width: 60%; // background-color: aqua; overflow: auto; padding: 10px; } .graph { width: 40%; padding-right: 10px; } } .answerWrapper { background-color: #e6f4ff; padding: 14px; margin-top: 16px; border-radius: 8px; & > p { margin: 0; } }