mi/webshare-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restyle Web UI as light monochrome TUI with sticky tabs.

Browse Source 
Light grey background, black text, no chrome header; panel border removed; search/queue lists scroll under fixed tabs.
This commit is contained in:
Michal Pemcak
2026-08-07 11:19:36 +02:00
parent 0dd548339c
commit 5b25cfa6cb
3 changed files with 307 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ui/index.html
View File

@@ -3,25 +3,26 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webshare Queue</title>
<meta name="color-scheme" content="light">
<title>webshare-api</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="tabs">
<button class="tab active" data-tab="search">Search</button>
<button class="tab" data-tab="queue">Queue</button>
</div>
<nav class="tabs" role="tablist">
<button class="tab active" data-tab="search" role="tab" aria-selected="true">[1] Search</button>
<button class="tab" data-tab="queue" role="tab" aria-selected="false">[2] Queue</button>
</nav>
<div class="tab-content active" id="tab-search">
<div class="tab-content active" id="tab-search" role="tabpanel">
<div class="search-bar">
<input type="text" id="searchInput" placeholder="Search files on Webshare..." autofocus>
<button id="searchBtn">Search</button>
<input type="text" id="searchInput" placeholder="&gt; search webshare…" autofocus autocomplete="off" spellcheck="false">
<button id="searchBtn" type="button">Run</button>
</div>
<div id="searchResults" class="results"></div>
</div>
<div class="tab-content" id="tab-queue">
<div class="tab-content" id="tab-queue" role="tabpanel">
<div id="queueList" class="results"></div>
</div>