added some UX improvements
This commit is contained in:
30
popup.html
30
popup.html
@@ -8,29 +8,35 @@
|
||||
</head>
|
||||
<body>
|
||||
<header class="title-block">
|
||||
<div class="title">WWCompanion</div>
|
||||
<div class="subtitle">Manual reasoning for WaterlooWorks</div>
|
||||
<div class="title-line">
|
||||
<span class="title">WWCompanion</span>
|
||||
<span class="subtitle">Manual reasoning for WaterlooWorks</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="panel">
|
||||
<button id="extractBtn" class="primary">Extract Posting</button>
|
||||
<div class="field">
|
||||
<label for="taskSelect">Task</label>
|
||||
<select id="taskSelect"></select>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button id="analyzeBtn" class="accent">Analyze</button>
|
||||
<button id="abortBtn" class="ghost" disabled>Stop</button>
|
||||
<div class="controls-block">
|
||||
<div class="config-block">
|
||||
<div class="field">
|
||||
<label for="taskSelect">Task</label>
|
||||
<select id="taskSelect"></select>
|
||||
</div>
|
||||
<div class="button-row">
|
||||
<button id="extractBtn" class="primary">Extract Posting</button>
|
||||
<button id="analyzeBtn" class="accent">Analyze</button>
|
||||
<button id="abortBtn" class="ghost" disabled>Stop</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="meta">
|
||||
<span id="postingCount">Posting: 0 chars</span>
|
||||
<span id="promptCount">Prompt: 0 chars</span>
|
||||
<span id="status" class="status">Idle</span>
|
||||
</div>
|
||||
<div id="status" class="status">Idle</div>
|
||||
</section>
|
||||
|
||||
<section class="output">
|
||||
<pre id="output" aria-live="polite"></pre>
|
||||
<div id="output" class="output-body" aria-live="polite"></div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
|
||||
Reference in New Issue
Block a user