changeset 2448:2ce77421c0b7

put a big time display on ascoltami
author drewp@bigasterisk.com
date Mon, 03 Jun 2024 16:35:49 -0700
parents 361c612e3c60
children 4bab5bbce195
files web/ascoltami/Light9AscoltamiUi.ts
diffstat 1 files changed, 9 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/web/ascoltami/Light9AscoltamiUi.ts	Mon Jun 03 12:11:54 2024 -0700
+++ b/web/ascoltami/Light9AscoltamiUi.ts	Mon Jun 03 16:35:49 2024 -0700
@@ -69,6 +69,10 @@
       th {
         text-align: right;
       }
+#bigTime {
+    color: green;
+    font-size: 60pt;
+}
     `,
   ];
 
@@ -117,13 +121,16 @@
       <h1>ascoltami on ${this.host}</h1>
 
       <span><rdfdb-synced-graph></rdfdb-synced-graph></span>
-      <div id="mainRow">
+          <div id="mainRow">
+          <div>
         <light9-song-listing
           @selectsong=${(ev: any) => {
             this.selectedSong = ev.detail.song;
           }}
           .selectedSong=${this.selectedSong}
-        ></light9-song-listing>
+          ></light9-song-listing>
+          <div id="bigTime">t=${this.playerTime.toFixed(1)}</div>
+          </div>
         <div>
           <light9-ascoltami-timeline .playerState=${this.playerState} .playerTime=${this.playerTime}></light9-ascoltami-timeline>
           <div>