From 249b35ce770b31cefa964745ae779e2400eae388 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 25 Oct 2023 23:29:23 +0700
Subject: [PATCH] Fix bugs chat view drops enumeration

---
 web/app/_components/ModelTable/index.tsx        | 2 +-
 web/app/_components/SimpleTextMessage/index.tsx | 4 ++--
 web/containers/BottomBar/index.tsx              | 2 --
 web/styles/main.scss                            | 1 +
 web/styles/message.scss                         | 7 +++++++
 5 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 web/styles/message.scss

diff --git a/web/app/_components/ModelTable/index.tsx b/web/app/_components/ModelTable/index.tsx
index c3f0d96cf..0f3646509 100644
--- a/web/app/_components/ModelTable/index.tsx
+++ b/web/app/_components/ModelTable/index.tsx
@@ -10,7 +10,7 @@ const tableHeaders = ['MODEL', 'FORMAT', 'SIZE', 'STATUS', 'ACTIONS']
 
 const ModelTable: React.FC<Props> = ({ models }) => (
   <>
-    <div className="border-border overflow-hidden rounded-lg border align-middle shadow-lg">
+    <div className="overflow-hidden rounded-lg border border-border align-middle shadow-lg">
       <table className="min-w-full">
         <thead className="bg-background">
           <tr className="rounded-t-lg">
diff --git a/web/app/_components/SimpleTextMessage/index.tsx b/web/app/_components/SimpleTextMessage/index.tsx
index 339768d03..6085ae0fb 100644
--- a/web/app/_components/SimpleTextMessage/index.tsx
+++ b/web/app/_components/SimpleTextMessage/index.tsx
@@ -51,7 +51,7 @@ const SimpleTextMessage: React.FC<Props> = ({
 
   return (
     <div
-      className={`border-border/50 flex items-start gap-x-4 gap-y-2 border-b px-4 py-5 last:border-none`}
+      className={`flex items-start gap-x-4 gap-y-2 border-b border-border/50 px-4 py-5 last:border-none`}
     >
       <Image
         className="rounded-full"
@@ -73,7 +73,7 @@ const SimpleTextMessage: React.FC<Props> = ({
           <LoadingIndicator />
         ) : (
           <span
-            className="text-muted-foreground text-xs font-normal leading-loose"
+            className="message text-xs font-normal leading-loose text-muted-foreground"
             dangerouslySetInnerHTML={{ __html: parsedText }}
           />
         )}
diff --git a/web/containers/BottomBar/index.tsx b/web/containers/BottomBar/index.tsx
index e10c14d29..6cd8bbc75 100644
--- a/web/containers/BottomBar/index.tsx
+++ b/web/containers/BottomBar/index.tsx
@@ -19,8 +19,6 @@ const BottomBar = () => {
     downloadStates.push(value)
   }
 
-  console.log(stateModelStartStop)
-
   return (
     <div className="fixed bottom-0 left-0 z-20 flex h-8 w-full items-center justify-between border-t border-border bg-background/50 px-4">
       <div className="flex gap-x-2">
diff --git a/web/styles/main.scss b/web/styles/main.scss
index 010695926..f79fa6e7b 100644
--- a/web/styles/main.scss
+++ b/web/styles/main.scss
@@ -7,3 +7,4 @@
 @import './global.scss';
 @import './code-block.scss';
 @import './loader.scss';
+@import './message.scss';
diff --git a/web/styles/message.scss b/web/styles/message.scss
new file mode 100644
index 000000000..d98734284
--- /dev/null
+++ b/web/styles/message.scss
@@ -0,0 +1,7 @@
+.message {
+  ul,
+  ol {
+    list-style: auto;
+    padding-left: 24px;
+  }
+}