fix styling for global search project tags

evo-company · Oct 17, 2024 · d0c6b95 · d0c6b95
1 parent d8894a9
commit d0c6b95
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 13 deletions.
diff --git a/ui/src/Dashboard/Flag.jsx b/ui/src/Dashboard/Flag.jsx
@@ -177,7 +177,13 @@ const FlagTitle = ({ isSearch, projectName, name }) => {
 
   return (
     <div>
-      {isSearch ? <Tag color="volcano" size="big">{projectName}</Tag> : null}
+      {isSearch ? <Tag
+        color="volcano"
+        size="big"
+        style={{
+          margin: '10px 0',
+        }}
+      >{projectName}</Tag> : null}
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
         <div
           className='flag-name'

diff --git a/ui/src/Dashboard/Flags.jsx b/ui/src/Dashboard/Flags.jsx
@@ -146,7 +146,9 @@ const Flags = ({ flags, isSearch }) => {
         </AutoComplete>
       )}
       <List
-        className="flags-list"
+        style={{
+          paddingTop: isSearch ? '0' : '35px'
+        }}
         itemLayout="horizontal"
         dataSource={listData}
         renderItem={(item) => (

diff --git a/ui/src/Dashboard/Flags.less b/ui/src/Dashboard/Flags.less
@@ -4,7 +4,3 @@
   z-index: 90;
   border: 1px solid rgba(255, 255, 0, 0.85);
 }
-
-.flags-list {
-  padding-top: 35px;
-}
diff --git a/ui/src/Dashboard/Value.jsx b/ui/src/Dashboard/Value.jsx
@@ -194,7 +194,14 @@ const ValueTitle = ({ isSearch, projectName, name, }) => {
 
   return (
     <div>
-      {isSearch ? <Tag color="volcano" size="big">{projectName}</Tag> : null}
+      {isSearch ? <Tag
+        color="volcano"
+        size="big"
+        style={{
+          marginTop: '10px',
+          marginBottom: '10px'
+        }}
+      >{projectName}</Tag> : null}
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
         <div
           className='value-name'

diff --git a/ui/src/Dashboard/Values.jsx b/ui/src/Dashboard/Values.jsx
@@ -6,7 +6,6 @@ import {
   AutoComplete,
   List,
   Input,
-  Empty,
   Typography,
 } from 'antd';
 import { SearchOutlined } from '@ant-design/icons';
@@ -146,7 +145,9 @@ const Values = ({ values, isSearch }) => {
         </AutoComplete>
       )}
       <List
-        className="values-list"
+        style={{
+          paddingTop: isSearch ? '0' : '35px'
+        }}
         itemLayout="horizontal"
         dataSource={listData}
         renderItem={(item) => (

diff --git a/ui/src/Dashboard/Values.less b/ui/src/Dashboard/Values.less
@@ -4,7 +4,3 @@
   z-index: 90;
   border: 1px solid rgba(255, 255, 0, 0.85);
 }
-
-.values-list {
-  padding-top: 35px;
-}