| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- #mainContent { display: flex; height: calc(100vh - 158px); gap: 18px; }
- #moduleMenu { box-shadow: none; border: solid 1px #EBEDF3; height: 100%; margin-right: 0; }
- .sidebar-left.is-expanded > .module-menu ~ .sidebar-gutter { margin-left: 0 !important; }
- #moduleMenu menu { padding: 8px; }
- #moduleMenu li { cursor: pointer; user-select: none; transition: background-color 0.2s; }
- #moduleMenu div.item-title { font-size: 10px; line-height: 20px; color: #5A6D88 !important; }
- #moduleMenu .tree-item:has(div.item-title) { position: relative; padding-top: 16px; cursor: default; }
- #moduleMenu .tree-item:has(div.item-title)::after { content: ""; position: absolute; top: 8px; left: 0; width: 100%; height: 1px; background-color: #E6ECF8; }
- #moduleMenu .item-title { padding-left: 6px; color: #313C52; }
- #moduleMenu .listitem:has(a.item-title):hover { background-color: #F5F5F5; }
- #moduleMenu .listitem.selected { background-color: #E8F3FC; }
- #moduleMenu .listitem.selected .item-title { font-weight: normal; }
- #moduleMenu .listitem { padding: 0; }
- #moduleMenu .listitem .item-icon { opacity: 1; }
- #moduleMenu > li:not(:first-child) { margin-top: 6px; }
- #moduleMenu menu li { margin-top: 6px; }
- #moduleMenu .item-content a { flex: 1; line-height: 24px; }
- .knowledge-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px 18px; background: #FFF; padding: 14px 18px; }
- .knowledge-container .knowledge-card { position: relative; }
- .knowledge-container .knowledge-card .card-action-btn { position: absolute; top: 9px; right: 9px; z-index: 1; opacity: 0; transition: opacity 0.2s ease; }
- .knowledge-container .knowledge-card:hover .card-action-btn { opacity: 1; }
- .knowledge-container .knowledge-card a { border-radius: 4px; border: 1px solid #F0F0F5; background-color: #FFF; padding: 8px 16px 14px; display: flex; flex-direction: column; overflow: hidden; gap: 6px; transition: border-color 0.2s ease; text-decoration: none; }
- .knowledge-container .knowledge-card:hover a { border-color: #007AFF; }
- .knowledge-container .card-title { margin: 0; padding-right: 24px; display: flex; align-items: center; gap: 8px; overflow: hidden; font-weight: normal; }
- .knowledge-container .card-title .icon { font-size: 24px; color: var(--color-primary-500); flex-shrink: 0; }
- .knowledge-container .card-title span { font-size: 13px; font-weight: 400; color: #3C4353; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
- .knowledge-container .card-title .draft-tag { margin-left: 2px; border-radius: 2px; padding: 1px 5px; background-color: #DCEBFE; font-size: 10px; line-height: 13px; color: #007AFF; flex-shrink: 0; }
- .knowledge-container .card-description { color: #8F8FA0; font-size: 12px; line-height: 16px; height: 32px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
- .knowledge-container .card-meta { margin-top: 12px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #838A9D; gap: 8px; flex: none; }
- .knowledge-container .creator { display: flex; gap: 4px; align-items: center; }
- .knowledge-container .creator img { width: 20px; height: 20px; border-radius: 50%; background-color: #EDEEF2; }
- .knowledge-container .creator span { font-size: 12px; line-height: 13px; color: #AAAAB8; }
- .knowledge-container .created-date { font-size: 12px; line-height: 13px; color: #8F8FA0; }
- .pager-container { padding-top: 8px; display: flex; justify-content: flex-end; background: #FFF; padding: 12px; }
- .dtable-empty-tip { padding: 40px 20px; text-align: center; }
- @media (max-width: 768px) {
- .knowledge-container { grid-template-columns: 1fr; padding: 8px; }
- }
- .empty-view { height: 100%; background-color: #FFF; display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
- .empty-view .btn { padding: 0 6px; }
|
