chore: made banner text white:

|
hotosm · Nov 19, 2024 · 87e3495 · 87e3495
1 parent e336db4
commit 87e3495
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/frontend/src/components/ui/banner/banner.tsx b/frontend/src/components/ui/banner/banner.tsx
@@ -29,7 +29,7 @@ const Banner = () => {
 
   const banner = useMemo(
     () => (
-      <div className="w-full p-4 bg-primary flex items-center justify-between px-4 text-white">
+      <div className="w-full px-4 py-2 bg-primary flex items-center justify-between">
         <Markdown
           remarkPlugins={[remarkGfm]}
           className={
@@ -38,7 +38,7 @@ const Banner = () => {
         >
           {data?.[0]?.message}
         </Markdown>
-        <button onClick={handleCloseBanner} className="font-bold">
+        <button onClick={handleCloseBanner} className="font-bold  text-white">
           ✕
         </button>
       </div>

diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css
@@ -123,7 +123,13 @@ sl-alert.success::part(base) {
 
 /* Toast stack placement style ends */
 
-/* Icon styles begins */
+/* Tailwind styles begins */
+
+.prose * {
+  color: var(--hot-fair-color-white) !important;
+  margin: 0px !important
+}
+
 @layer components {
   .icon {
     @apply inline-block h-4 w-4;
@@ -138,8 +144,8 @@ sl-alert.success::part(base) {
   }
 
   .banner-markdown{
-    @apply flex flex-wrap gap-x-2 items-center justify-center w-full prose 
+    @apply w-full text-nowrap prose 
   }
 }
 
-/* Icon styles ends */
+/* Tailwind styles ends */