ui update and fixes

Jigsaw-Code · Mar 13, 2024 · 81338b1 · 81338b1
1 parent 57dff34
commit 81338b1
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 6 deletions.
diff --git a/x/examples/outline-vpn-app/app/server_view.templ b/x/examples/outline-vpn-app/app/server_view.templ
@@ -35,19 +35,41 @@ templ serverView() {
           background-color: hsl(170, 3%, 95%);
           flex-grow: 1;
           display: flex;
+          flex-direction: column;
           align-items: center;
           justify-content: center;
         }
 
+        section {
+          width: 100%;
+          max-width: 540px;
+          padding: 1rem;
+        }
+
+        textarea {
+          background-color: hsl(170, 8%, 85%);
+          padding: 1rem;
+          width: 100%;
+          border: 2px solid hsl(170, 5%, 45%);
+          border-radius: 0.5rem;
+          min-height: 350px;
+          font-family: monospace;
+          word-wrap: break-word;
+        }
+
+        textarea:focus {
+          outline: none;
+          border-color: hsl(170, 40%, 55%);
+        }
+
         button {
           cursor: pointer;
-          border: 0.5rem dashed hsl(170, 5%, 45%);
           background-color: hsl(170, 8%, 85%);
-          width: clamp(240px, 33vw, 480px);
-          height: clamp(240px, 33vw, 480px);
-          border-radius: 100%;
+          border-radius: 0.5rem;
           color: hsl(170, 5%, 45%);
           text-align: center;
+          width: 100%;
+          height: 5rem;
           font-size: 1.5rem;
           font-weight: bold;
           transition-duration: 1000ms;
@@ -86,6 +108,10 @@ templ serverView() {
       <main>
         <header><h1>outline</h1></header>
         <article>
+          <section>
+            <textarea placeholder="paste your access key here">
+            </textarea>
+          </section>
           <section>
             @connectionButton()
           </section>

diff --git a/x/examples/outline-vpn-app/app/start.go b/x/examples/outline-vpn-app/app/start.go
@@ -4,22 +4,22 @@ import (
 	"bytes"
 	"context"
 	"encoding/json"
+	"fmt"
 	"io"
 	"log"
 	"net/http"
 
 	"github.com/Jigsaw-Code/outline-sdk/x/config"
 	"github.com/Jigsaw-Code/outline-sdk/x/mobileproxy"
 	"github.com/a-h/templ"
-	"github.com/labstack/gommon/bytes"
 )
 
 var appAddress = "[::1]:8080"
 var proxyAddress = "[::1]:8181"
 var systemAddress = "[::1]:8282"
 
 var proxyDisconnectTimeoutSecond = 5
-var systemTunnelEndpoint = "/vpn/"
+var systemTunnelEndpoint = fmt.Sprintf("%s/vpn/", systemAddress)
 
 type VPNController struct {
 	ID     string