issue fixed ohcnetwork#77

gurramkarthiknetha · Oct 13, 2024 · ca248ef · ca248ef
1 parent 6fbfdd0
commit ca248ef
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 12 deletions.
diff --git a/src/components/TitleBar.tsx b/src/components/TitleBar.tsx
@@ -56,7 +56,7 @@ export default function TitleBar({
         </div>
       </div>
 
-      <div className="vpill">
+      <div className="vpill ml-auto flex flex-row justify-around w-[900px] ">
         {pills?.map(({ title, value }) => (
           <ValuePill
             key={title}

diff --git a/src/components/ValuePill.tsx b/src/components/ValuePill.tsx
@@ -19,7 +19,7 @@ export const ValuePill: React.FC<Props> = ({ title, value, isLoading }) => {
     >
       <div
         className={clsx(
-          'flex nn items-center justify-between rounded-lg transition-all',
+          'flex mr-[5px] nn items-center justify-between rounded-lg transition-all',
           isLoading ? 'opacity-0' : 'opacity-100'
         )}
       >

diff --git a/src/index.css b/src/index.css
@@ -79,16 +79,7 @@ td {
     border: 1px solid theme(colors.slate.600);
   }
 }
-.vpill{ 
-  margin-left: auto;
-  display: flex !important;
-  flex-direction: row !important;
-  justify-content: space-around;
-  width: 900px;
-}
-.nn {
-  margin-right: 5px !important;
-}
+
 @media screen and (min-width: 850px) and (max-width: 1220px) {
   .vpill { 
     margin-left: auto;