styling for tinychat model selector

exo-explore · Jul 24, 2024 · 9420125 · 9420125
1 parent 5ac6b6a
commit 9420125
Showing 1 changed file with 21 additions and 0 deletions.
diff --git 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>