2023-11-15 16:42:39 +08:00
|
|
|
.category{display:flex;flex-direction:column;height:100%}.category>header{border-bottom:1px solid var(--color-border-2);height:57px;justify-content:space-between;padding-left:30px;padding-right:24px}.category .spotlight,.category>header,.category>header>section{align-items:center;display:flex}.category .spotlight{background:var(--color-bg-2);height:36px;justify-content:space-between;padding:0 30px}.category .spotlight .filter{align-items:center;color:var(--color-font-3);cursor:pointer;display:inline-flex}.category .spotlight .filter svg{height:20px;width:20px}.category .spotlight .post-num{color:var(--color-font-2);font-size:13px}.category .table{flex:1;margin:0;overflow:auto;padding:0}.category .table li{border-bottom:1px solid var(--color-border-2);height:44px;line-height:44px;list-style:none}.category .table li:hover{background:var(--color-tiny-hover)}.category .table li.selected{background:var(--color-primary-2)}.category .table li a{align-items:center;color:var(--color-font);display:flex;padding:0 30px;text-decoration:none}.category .table li a .icon{align-items:center;color:var(--color-font-3);display:inline-flex;height:16px;margin-right:8px;width:20px}.category .table li a .icon svg{height:100%;width:100%}.category .table li a .icon.priority{color:#fc7840;height:20px;width:20px}.category .table li a p{flex:1;font-size:13px;margin:0;padding-right:20px}.category .table li a .post-date{color:var(--color-font-2);font-size:12px}.category .table li a .post-date b{font-weight:500}.category .table li a .post-date em{font-style:normal}.category .table .color-circle{border:1px solid;border-radius:50%;display:inline-block;height:12px;width:12px}.category .table .color-circle.color-1{border-color:#ff453a}.category .table .color-circle.color-2{border-color:#ff9f0a}.category .table .color-circle.color-3{border-color:#ffd60a}.category .table .color-circle.color-4{border-color:#32d74b}.category .table .color-circle.color-5{border-color:#0a84ff}.category .table .color-circle.color-6{border-color:#bf5af2}.category .table .color-circle.color-7{border-color:#8e8e93}
|
