Spaces:

nbroad
/

wandb-visualizer

Running

App Files Files Community

nbroad commited on Nov 23, 2024

Commit

81a9890

verified ·

1 Parent(s): f2b4dd6

Update index.html

Browse files

Files changed (1) hide show

index.html +23 -13

index.html CHANGED Viewed

@@ -16,12 +16,11 @@
             display: flex;
             flex-direction: column;
             padding: 1rem;
-            max-width: 100% !important;  /* Override Pico CSS container width */
         }
         .form-container {
             flex: 0 0 auto;
             margin-bottom: 1rem;
-            /* Keep form inputs from stretching too wide */
             max-width: 1200px;
             margin-left: auto;
             margin-right: auto;
@@ -29,10 +28,10 @@
         }
         .iframe-container {
             flex: 1 1 auto;
-            min-height: 0;  /* Important for Firefox */
-            width: 100vw;   /* Full viewport width */
-            margin-left: calc(-1 * 1rem);  /* Compensate for container padding */
-            margin-right: calc(-1 * 1rem); /* Compensate for container padding */
         }
         .error {
             color: red;
@@ -44,6 +43,14 @@
             border: none;
             display: block;
         }
     </style>
 </head>
 <body>
@@ -51,13 +58,16 @@
         <div class="form-container">
             <form method="POST">
                 <div class="grid">
-                    <input
-                        type="text"
-                        name="token"
-                        placeholder="WandB Token"
-                        required
-                        value="{{ token or '' }}"
-                    >
                     <input
                         type="text"
                         name="entity"

             display: flex;
             flex-direction: column;
             padding: 1rem;
+            max-width: 100% !important;
         }
         .form-container {
             flex: 0 0 auto;
             margin-bottom: 1rem;
             max-width: 1200px;
             margin-left: auto;
             margin-right: auto;
         }
         .iframe-container {
             flex: 1 1 auto;
+            min-height: 0;
+            width: 100vw;
+            margin-left: calc(-1 * 1rem);
+            margin-right: calc(-1 * 1rem);
         }
         .error {
             color: red;
             border: none;
             display: block;
         }
+        .input-group {
+            display: flex;
+            align-items: center;
+            gap: 1rem;
+        }
+        .token-link {
+            white-space: nowrap;
+        }
     </style>
 </head>
 <body>
         <div class="form-container">
             <form method="POST">
                 <div class="grid">
+                    <div class="input-group">
+                        <input
+                            type="text"
+                            name="token"
+                            placeholder="WandB Token"
+                            required
+                            value="{{ token or '' }}"
+                        >
+                        <a href="https://wandb.ai/authorize" target="_blank" class="token-link">Get Token</a>
+                    </div>
                     <input
                         type="text"
                         name="entity"