diff --git a/src/assets/css/components/views/detections/detection-list/row.scss b/src/assets/css/components/views/detections/detection-list/row.scss index d340655f..78146c32 100644 --- a/src/assets/css/components/views/detections/detection-list/row.scss +++ b/src/assets/css/components/views/detections/detection-list/row.scss @@ -1,5 +1,6 @@ .cn-detection--list { display: flex; + .cn-detection__collapse { margin-bottom: 1px; padding-top: 18px; @@ -19,6 +20,7 @@ transform: rotate(90deg); } } + span:hover { cursor: pointer; } @@ -28,6 +30,7 @@ font-size: 12px; } } + .cn-detection__case { flex: 1; display: flex; @@ -48,6 +51,7 @@ height: 20px; border-radius: 12px; } + .cn-detection__row { display: flex; flex-direction: column; @@ -63,26 +67,41 @@ padding-bottom: 3px; color: #333333; align-items: center; + i { - color:#7b8fa2; + color: #7b8fa2; margin-right: 5px; - font-size:18px; + font-size: 18px; } + .line { - color:#da5656; - margin-left:12px; + color: #da5656; + margin-left: 12px; font-size: xx-small; font-weight: bold; } + .circle { - width:10px; - height:10px; - border:2px solid #da5656; + width: 10px; + height: 10px; + border: 2px solid #da5656; border-radius: 10px; margin-top: 4px; - margin-right:12px; + margin-right: 12px; + } + + .domain { + background: #EFF2F5; + border-radius: 2px; + font-family: Roboto-Italic; + font-size: 14px; + color: #333333; + letter-spacing: 0; + line-height: 14px; + font-weight: 400; } } + .cn-detection__body { display: flex; flex-direction: column; @@ -101,22 +120,27 @@ padding-right: 40px; display: flex; align-items: center; + i { padding-right: 6px; color: #8FA1BE; font-size: 14px; } + span { font-size: 14px; } + span:first-of-type { color: #999; } + span:last-of-type { color: #666; } } } + .show-detail { flex-shrink: 0; padding: 0 30px; @@ -130,6 +154,7 @@ } } } + .cn-detection__detail-overview { flex-basis: 100%; padding: 0 10px; @@ -139,4 +164,4 @@ } } } -} +} \ No newline at end of file diff --git a/src/assets/css/components/views/detections/detection-overview.scss b/src/assets/css/components/views/detections/detection-overview.scss index ebca7d50..0a7b2c51 100644 --- a/src/assets/css/components/views/detections/detection-overview.scss +++ b/src/assets/css/components/views/detections/detection-overview.scss @@ -36,13 +36,23 @@ .row__content { display: flex; color: #3976CB; - + &.row__content--link { font-style: italic; text-decoration: underline; color: #1890FF; cursor: pointer; } + .row__content--link{ + font-style: italic; + text-decoration: underline; + color: #1890FF; + cursor: pointer; + } + span{ + font-style: italic; + color: #1890FF; + } } } } diff --git a/src/views/detections/DetectionRow.vue b/src/views/detections/DetectionRow.vue index dc3b9e0a..c12cc105 100644 --- a/src/views/detections/DetectionRow.vue +++ b/src/views/detections/DetectionRow.vue @@ -11,6 +11,7 @@ {{detection.offenderIp || '-'}} ------- + {{detection.domain }} {{detection.victimIp || '-'}}