styling for tinychat model selector

942012577ae04e05aa9e34b7b9e3b660b40466b7 · 2024-07-24 14:27:58 -0700 · Alex Cheema

Files touched

M tinychat/examples/tinychat/index.html

Diff

commit 942012577ae04e05aa9e34b7b9e3b660b40466b7
Author: Alex Cheema <alexcheema123@gmail.com>
Date:   Wed Jul 24 14:27:58 2024 -0700

    styling for tinychat model selector
---
 tinychat/examples/tinychat/index.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/tinychat/examples/tinychat/index.html b/tinychat/examples/tinychat/index.html
index db9f5f9b..e403afd7 100644
--- a/tinychat/examples/tinychat/index.html
+++ b/tinychat/examples/tinychat/index.html
@@ -30,6 +30,27 @@
 
   <link rel="stylesheet" href="index.css">
   <link rel="stylesheet" href="common.css">
+
+  <style>
+    .model-selector {
+      display: flex;
+      justify-content: center;
+      padding: 20px 0;
+    }
+    .model-selector select {
+      padding: 10px 20px;
+      font-size: 16px;
+      border: 1px solid #ccc;
+      border-radius: 5px;
+      background-color: #f8f8f8;
+      cursor: pointer;
+    }
+    .model-selector select:focus {
+      outline: none;
+      border-color: #007bff;
+      box-shadow: 0 0 0 2px rgba(0,123,255,.25);
+    }
+  </style>
 </head>
 
 <body>

← 5ac6b6a7 clearer documentation on accessing web UI and chatgpt-api · back to Exo · Update device_capabilities.py 2c71a4b1 →