Web UI Redesign Part II
• general detailing and refinements • system time and date instead of UTC time • mobile optimization! (iOS and Android)
Alessandro committed
Sep 24, 2024 at 01:05 UTC
8fce3e69e76efed256471c2ce9035359be84c2a8
1 file changed
+30
-30
webui/index.css
+30
-30
@@ -167,36 +167,6 @@ body, #left-panel, #chat-input, .message, .config-button, .switch-label {
167
opacity: 0.6;
168
}
169
170
-/* Logo Container */
171
-#logo-container {
172
- align-items: center;
173
- display: flex;
174
- justify-content: space-between;
175
- left: 0;
176
- margin-left: var(--spacing-md);
177
- position: sticky;
178
- top: var(--spacing-md);
179
- transition: margin-left var(--transition-speed) ease-in-out;
180
- z-index: 1001;
181
-}
182
-
183
-#logo-container a {
184
- color: inherit;
185
- text-decoration: none;
186
-}
187
-
188
-#logo-container img {
189
- border-radius: var(--spacing-xs);
190
- height: auto;
191
- width: 3rem;
192
- filter: none;
193
- transition: filter 0.3s ease;
194
-}
195
-
196
-#right-panel.expanded #logo-container {
197
- margin-left: 5.5rem;
198
-}
199
-
170
/* Typography */
171
h2,
172
h3 {
@@ -249,6 +219,36 @@ h4 {
219
background-color: #888;
220
}
221
222
+/* Logo Container */
223
+#logo-container {
224
+ display: flex;
225
+ align-items: center;
226
+ justify-content: space-between;
227
+ position: sticky;
228
+ margin-left: var(--spacing-md);
229
+ margin-top: var(--spacing-md);
230
+ margin-bottom: -70px;
231
+ transition: margin-left var(--transition-speed) ease-in-out;
232
+ z-index: 1001;
233
+}
234
+
235
+#logo-container a {
236
+ color: inherit;
237
+ text-decoration: none;
238
+}
239
+
240
+#logo-container img {
241
+ border-radius: var(--spacing-xs);
242
+ height: auto;
243
+ width: 3rem;
244
+ filter: none;
245
+ transition: filter 0.3s ease;
246
+}
247
+
248
+#right-panel.expanded #logo-container {
249
+ margin-left: 5.5rem;
250
+}
251
+
252
/* Message Styles */
253
.message-container {
254
animation: fadeIn 0.5s;