diff --git a/gui/css/styles.css b/gui/css/styles.css index e14976f..691a8b1 100644 --- a/gui/css/styles.css +++ b/gui/css/styles.css @@ -72,6 +72,37 @@ body { background-color: #2980b9; color: #ecf0f1; } +#modelSelectionContainer { + margin-bottom: 20px; + color: #ecf0f1; +} + +#modelSelect { + padding: 10px; + border: 1px solid #34495e; + border-radius: 5px; + background-color: #2c3e50; + color: #ecf0f1; + font-family: Arial, sans-serif; + cursor: pointer; +} + +#modelSelect:focus { + outline: none; + border-color: #2980b9; +} + +label { + color: #ecf0f1; + margin-right: 10px; +} +#modelSelectionContainer { + display: flex; + align-items: center; + justify-content: start; + gap: 10px; + margin-bottom: 10px; +} @keyframes ellipsis { 0%, 20% { content: ''; diff --git a/gui/index.html b/gui/index.html index 27a4941..bb5534f 100644 --- a/gui/index.html +++ b/gui/index.html @@ -10,6 +10,13 @@

Welcome to Kuzco Chat

+
+ + +