Ver código fonte

styling for tinychat model selector

Alex Cheema 9 meses atrás
pai
commit
942012577a
1 arquivos alterados com 21 adições e 0 exclusões
  1. 21 0
      tinychat/examples/tinychat/index.html

+ 21 - 0
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>