Update the warning banner styling (#2757)

* improvement(requests): update warning banner styling * fix: address review from LinaLam * fix: address review from LinaLam * fix: address review from LinaLam --------- Co-authored-by: use-tusk[bot] <144006087+use-tusk[bot]@users.noreply.github.com>
Helicone · Oct 11, 2024 · e378416 · e378416
1 parent 11d869c
commit e378416
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/web/components/templates/requestsV2/requestsPageV2.tsx b/web/components/templates/requestsV2/requestsPageV2.tsx
@@ -742,22 +742,22 @@ const RequestsPageV2 = (props: RequestsPageV2Props) => {
     <>
       <div className="h-screen flex flex-col">
         {requestWithoutStream && !isWarningHidden && (
-          <div className="alert alert-warning flex justify-between items-center">
-            <p className="text-yellow-800">
+          <div className="bg-sky-500 text-white text-[13px] flex justify-between items-center p-2">
+            <p>
               We are unable to calculate your cost accurately because the
               &#39;stream_usage&#39; option is not included in your message.
               Please refer to{" "}
               <a
                 href="https://docs.helicone.ai/use-cases/enable-stream-usage"
-                className="text-blue-600 underline"
+                className="text-white underline"
               >
                 this documentation
               </a>{" "}
               for more information.
             </p>
             <button
               onClick={() => setIsWarningHidden(true)}
-              className="text-yellow-800 hover:text-yellow-900"
+              className="text-white hover:text-gray-200"
             >
               <span className="sr-only">Close</span>
               <svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">