Move landing page badge styling to separate file (#109)

RedHatInsights · Feb 2, 2024 · 7b81ed2 · 7b81ed2
1 parent 432ea99
commit 7b81ed2
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/src/Components/AstroAvatar/AstroBadge.scss b/src/Components/AstroAvatar/AstroBadge.scss
@@ -0,0 +1,13 @@
+.astro-c-button-badge {
+  background: var(--pf-v5-global--palette--red-200);
+  border-radius: 5px;
+  height: 50px;
+  padding: 6px;
+  width: 50px;
+  &:hover {
+    background: var(--pf-v5-global--palette--red-300);
+  }
+  .astro__badge {
+    width: 100%;
+  }
+}
diff --git a/src/Components/AstroAvatar/AstroBadge.tsx b/src/Components/AstroAvatar/AstroBadge.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Button, Tooltip } from '@patternfly/react-core';
 import BubbleIcon from '../../assets/badge-icon.svg';
+import './AstroBadge.scss';
 
 interface AstroAvatarProps {
   onClick: () => void;

diff --git a/src/SharedComponents/AstroVirtualAssistant/astro-virtual-assistant.scss b/src/SharedComponents/AstroVirtualAssistant/astro-virtual-assistant.scss
@@ -1,17 +1,3 @@
-.astro-c-button-badge {
-  background: var(--pf-v5-global--palette--red-200);
-  border-radius: 5px;
-  height: 50px;
-  padding: 6px;
-  width: 50px;
-  &:hover {
-    background: var(--pf-v5-global--palette--red-300);
-  }
-  .astro__badge {
-    width: 100%;
-  }
-}
-
 .astro-c-card {
   width: 350px;
   height: 550px;