mirror of
https://github.com/tailscale/tailscale.git
synced 2024-11-26 03:25:35 +00:00
c06758c83b
Redoes the UI to be a form, with a username field and a host drop-down. Fixes #5139 Signed-off-by: Mihai Parparita <mihai@tailscale.com>
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" type="text/css" href="dist/index.css" />
|
|
</head>
|
|
<body class="flex flex-col min-h-screen">
|
|
<div class="bg-gray-100 border-b border-gray-200 pt-4 pb-2 mb-6">
|
|
<header class="container mx-auto px-4 flex flex-row items-center">
|
|
<h1 class="text-3xl font-bold grow">Tailscale Connect</h1>
|
|
<div class="text-gray-600" id="state">Loading…</div>
|
|
</header>
|
|
</div>
|
|
<form
|
|
id="ssh-form"
|
|
class="container mx-auto px-4 hidden flex justify-center"
|
|
>
|
|
<input type="text" class="input username" placeholder="Username" />
|
|
<div class="select-with-arrow mx-2">
|
|
<select class="select"></select>
|
|
</div>
|
|
<input
|
|
type="submit"
|
|
class="button bg-green-500 border-green-500 text-white hover:bg-green-600 hover:border-green-600"
|
|
value="SSH"
|
|
/>
|
|
</form>
|
|
<div id="no-ssh" class="container mx-auto px-4 hidden text-center">
|
|
None of your machines have
|
|
<a href="https://tailscale.com/kb/1193/tailscale-ssh/" class="link"
|
|
>Tailscale SSH</a
|
|
>
|
|
enabled. Give it a try!
|
|
</div>
|
|
<script src="dist/index.js"></script>
|
|
</body>
|
|
</html>
|