Minor ui edits to boosted chips (#3780)

balancer · Jul 24, 2023 · 9d4e284 · 9d4e284 · vercel · Jul 24, 2023
1 parent 03c90b7
commit 9d4e284
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/_global/BalChip/composables/useChipStyles.ts b/src/components/_global/BalChip/composables/useChipStyles.ts
@@ -2,7 +2,7 @@ export function useChipClasses(props) {
   const sizeClasses = () => {
     switch (props.size) {
       case 'sm':
-        return 'p-1 text-xs';
+        return 'px-1 py-1.5 text-xs';
       case 'lg':
         return 'p-2 text-base';
       default:

diff --git a/src/components/chips/BoostedChip.vue b/src/components/chips/BoostedChip.vue
@@ -22,7 +22,7 @@ const width = 20 + (iconURIs.length - 1) * 16;
 <template>
   <div
     data-testid="boosted-chip"
-    class="flex relative items-center py-1 pr-1.5 pl-2 max-h-10 bg-gradient-to-tr from-yellow-500 to-pink-500 rounded"
+    class="flex relative items-center py-1 pr-1.5 pl-2 mr-1 max-h-10 bg-gradient-to-tr from-yellow-500 to-pink-500 rounded"
   >
     <BalAssetSet
       v-if="hasIcons"

diff --git a/src/components/tables/PoolsTable/PoolsTableExtraInfo.vue b/src/components/tables/PoolsTable/PoolsTableExtraInfo.vue
@@ -18,7 +18,7 @@ defineProps<Props>();
 </script>
 
 <template>
-  <div>
+  <div class="flex items-center">
     <BalTooltip v-if="isBoosted(pool)" :text="$t('boostedTooltip')" width="56">
       <template #activator>
         <BoostedChip

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -116,10 +116,10 @@ module.exports = {
           900: '#1e3a8a',
         },
         pink: {
-          50: '#ff4dff',
-          100: '#ff43ff',
-          200: '#ff39ff',
-          300: '#ff2fff',
+          50: '#fdf2f8',
+          100: '#fce7f3',
+          200: '#fbcfe8',
+          300: '#f9a8d4',
           400: '#fc25ff',
           500: '#f21bf6',
           600: '#e811ec',