m/asi-calculator
1
0
Fork 0
mirror of https://github.com/kremalicious/asi-calculator.git synced 2024-12-22 09:23:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

reorg

Browse Source
This commit is contained in:
Matthias Kretschmann 2024-04-06 22:53:29 +01:00
parent 6c7427590c
commit f0380351a8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
8 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Label/Label.module.css → components/Badge/Badge.module.css
View File

@ -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);

5
components/Badge/Badge.tsx Normal file
View File

@ -0,0 +1,5 @@
import styles from './Badge.module.css'
export function Badge({ children }: { children: React.ReactNode }) {
return <span className={styles.badge}>{children}</span>
}

1
components/Badge/index.tsx Normal file
View File

@ -0,0 +1 @@
export * from './Badge'

5
components/Label/Label.tsx
View File

@ -1,5 +0,0 @@
import styles from './Label.module.css'
export function Label({ children }: { children: React.ReactNode }) {
return <span className={styles.label}>{children}</span>
}

1
components/Label/index.tsx
View File

@ -1 +0,0 @@
export * from './Label'

2
components/index.tsx
View File

@ -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'

8
features/prices/components/MarketData/MarketData.tsx
View File

@ -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()
@ -27,7 +27,7 @@ export function MarketData() {
<li>
<p>
1 Fet = {ratioFetToAsi} ASI
<Label>fixed</Label>
<Badge>fixed</Badge>
</p>
<p>
<span className={`${styles.fiat} ${feedbackClasses}`}>
@ -40,7 +40,7 @@ export function MarketData() {
1 OCEAN ={' '}
<span title={`${ratioOceanToAsi}`}>{ratioOceanToAsi.toFixed(6)}</span>{' '}
ASI
<Label>fixed</Label>
<Badge>fixed</Badge>
</p>
<p>
<span className={`${styles.fiat} ${feedbackClasses}`}>
@ -53,7 +53,7 @@ export function MarketData() {
1 AGIX ={' '}
<span title={`${ratioAgixToAsi}`}>{ratioAgixToAsi.toFixed(5)}</span>{' '}
ASI
<Label>fixed</Label>
<Badge>fixed</Badge>
</p>
<p>
<span className={`${styles.fiat} ${feedbackClasses}`}>

2
features/strategies/styles/shared.module.css
View File

@ -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;
}