diff --git a/components/Label/Label.module.css b/components/Badge/Badge.module.css similarity index 95% rename from components/Label/Label.module.css rename to components/Badge/Badge.module.css index 1538467..b86e410 100644 --- a/components/Label/Label.module.css +++ b/components/Badge/Badge.module.css @@ -1,4 +1,4 @@ -.label { +.badge { font-size: 0.75rem; color: rgba(var(--foreground-rgb), 0.6); border: 1px solid rgba(var(--foreground-rgb), 0.15); diff --git a/components/Badge/Badge.tsx b/components/Badge/Badge.tsx new file mode 100644 index 0000000..bd83a69 --- /dev/null +++ b/components/Badge/Badge.tsx @@ -0,0 +1,5 @@ +import styles from './Badge.module.css' + +export function Badge({ children }: { children: React.ReactNode }) { + return {children} +} diff --git a/components/Badge/index.tsx b/components/Badge/index.tsx new file mode 100644 index 0000000..b9eff9e --- /dev/null +++ b/components/Badge/index.tsx @@ -0,0 +1 @@ +export * from './Badge' diff --git a/components/Label/Label.tsx b/components/Label/Label.tsx deleted file mode 100644 index d38ee9c..0000000 --- a/components/Label/Label.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import styles from './Label.module.css' - -export function Label({ children }: { children: React.ReactNode }) { - return {children} -} diff --git a/components/Label/index.tsx b/components/Label/index.tsx deleted file mode 100644 index e7141a8..0000000 --- a/components/Label/index.tsx +++ /dev/null @@ -1 +0,0 @@ -export * from './Label' diff --git a/components/index.tsx b/components/index.tsx index aa71048..a5daeb8 100644 --- a/components/index.tsx +++ b/components/index.tsx @@ -3,6 +3,6 @@ export * from './Footer' export * from './FormInline' export * from './Header' export * from './Input' -export * from './Label' +export * from './Badge' export * from './Select' export * from './TokenLogo' diff --git a/features/prices/components/MarketData/MarketData.tsx b/features/prices/components/MarketData/MarketData.tsx index ec1c38f..41a9259 100644 --- a/features/prices/components/MarketData/MarketData.tsx +++ b/features/prices/components/MarketData/MarketData.tsx @@ -3,7 +3,7 @@ import { ratioOceanToAsi, ratioAgixToAsi, ratioFetToAsi } from '@/constants' import styles from './MarketData.module.css' import { usePrices } from '@/features/prices' -import { Label } from '@/components' +import { Badge } from '@/components' export function MarketData() { const { prices, isValidating, isLoading } = usePrices() @@ -11,8 +11,8 @@ export function MarketData() { const feedbackClasses = isLoading ? 'isLoading' : isValidating - ? 'isValidating' - : '' + ? 'isValidating' + : '' return (
1 Fet = {ratioFetToAsi} ASI
-
+
@@ -40,7 +40,7 @@ export function MarketData() {
1 OCEAN ={' '}
{ratioOceanToAsi.toFixed(6)}{' '}
ASI
-
+
@@ -53,7 +53,7 @@ export function MarketData() {
1 AGIX ={' '}
{ratioAgixToAsi.toFixed(5)}{' '}
ASI
-
+
diff --git a/features/strategies/styles/shared.module.css b/features/strategies/styles/shared.module.css index 20a35d6..611b581 100644 --- a/features/strategies/styles/shared.module.css +++ b/features/strategies/styles/shared.module.css @@ -14,6 +14,6 @@ margin-bottom: 1.5rem; font-size: 1.2rem; color: rgb(var(--foreground-rgb-highlight)); - min-height: 58px; + min-height: 66px; line-height: 1.75; }