Refactored realtime components.

2020-10-10 01:16:28 -07:00
parent 8912daa2fa
commit a039f405b6
8 changed files with 51 additions and 51 deletions
--- a/components/metrics/RealtimeLog.module.css
+++ b/components/metrics/RealtimeLog.module.css
@@ -6,12 +6,15 @@
  display: flex;
  align-items: center;
  justify-content: space-between;
+  font-size: 16px;
  line-height: 40px;
  font-weight: 600;
 }

 .row {
  display: flex;
+  align-items: center;
+  height: 40px;
  border-bottom: 1px solid var(--gray300);
 }

@@ -20,17 +23,23 @@
 }

 .icon {
-  align-self: center;
-  margin-right: 20px;
+  margin-right: 10px;
+}
+
+.time {
+  min-width: 60px;
+  overflow: hidden;
 }

 .website {
+  min-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
 }

 .detail {
+  display: flex;
  flex: 1;
 }