| | |
| | | justify-content: space-between; |
| | | padding: 10px 14px; |
| | | background: #f7f9fb; |
| | | border-bottom: 1px solid #eee; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | font-size: 13px; |
| | | font-weight: 600; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | } |
| | | .notice-popover .notice-mark-all { |
| | | font-size: 12px; |
| | |
| | | .notice-popover .notice-empty { |
| | | padding: 24px; |
| | | text-align: center; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | font-size: 12px; |
| | | line-height: 1.8; |
| | | } |
| | |
| | | .notice-popover .notice-item:hover { background: #f7f9fb; } |
| | | .notice-popover .notice-item.is-read .notice-tag, |
| | | .notice-popover .notice-item.is-read .notice-item-title, |
| | | .notice-popover .notice-item.is-read .notice-item-date { opacity: 0.45; filter: grayscale(1); color: #999; } |
| | | .notice-popover .notice-item.is-read .notice-item-date { opacity: 0.45; filter: grayscale(1); color: var(--lims-text-3); } |
| | | .notice-popover .notice-tag { flex-shrink: 0; } |
| | | .notice-popover .notice-item-title { |
| | | flex: 1; |
| | | font-size: 12px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | |
| | | .notice-popover .notice-item-date { |
| | | flex-shrink: 0; |
| | | font-size: 11px; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | } |
| | | </style> |