Log events

gevulotnetwork · May 7, 2024 · 737f8eb · 737f8eb
1 parent e02b5f0
commit 737f8eb
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 7 deletions.
diff --git a/api/assets/style.css b/api/assets/style.css
@@ -768,13 +768,50 @@ input:checked+.slider:before {
 
 #tx-log {}
 
-.tx-log-events {}
+.tx-log-events {
+  border: 1px solid #EEEEEE;
+}
+
+.tx-log-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 9px 0;
+  height: 24px;
+  line-height: 40px;
+}
+
+.tx-left {
+  display: flex;
+  flex-grow: 3;
+  flex-shrink: 3;
+  flex-basis: 0px;
+  min-width: 0px;
+}
+
+.tx-right {
+  display: flex;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: 0px;
+  min-width: 0px;
+}
 
-.tx-log-row {}
+.tx-log-row:nth-last-child(odd) {
+  background: #eeeeee;
+}
+
+body.dark .tx-log-row:nth-last-child(odd) {
+  background: #333333;
+}
 
 .tx-log-state {}
 
-.tx-log-id {}
+.tx-log-id {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .tx-log-timestamp {}
 

diff --git a/api/templates/index.templ b/api/templates/index.templ
@@ -191,7 +191,7 @@ templ TxLog(tx model.TxInfo) {
 
 templ TxLogEvent(e model.TxLogEvent) {
 	<div class="tx-log-row">
-		<div class="left">
+		<div class="tx-left">
 			<div class="tx-log-state">
 				<span>{ e.State }</span>
 			</div>
@@ -200,7 +200,7 @@ templ TxLogEvent(e model.TxLogEvent) {
 				<span>{ e.ID }</span>
 			</div>
 		</div>
-		<div class="right">
+		<div class="tx-right">
 			<div class="tx-log-timestamp">
 				<span>{ e.Timestamp.Format("03:04 PM, 02/01/06") }</span>
 			</div>

diff --git a/api/templates/index_templ.go b/api/templates/index_templ.go