m/asi-calculator
1
0
Fork 0
mirror of https://github.com/kremalicious/asi-calculator.git synced 2025-01-03 18:35:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

style tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2024-03-31 03:08:51 +01:00
parent c64c8d91e0
commit 5ed62c9668
Signed by: m
GPG Key ID: 606EEEF3C479A91F
7 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/globals.css
View File

@ -37,7 +37,7 @@ html,
body {
max-width: 100vw;
overflow-x: hidden;
font-family: var(--font-firaCode);
font-family: var(--font-hanken-grotesk);
text-rendering: optimizeLegibility;
}

16
app/layout.tsx
View File

@ -1,8 +1,18 @@
import type { Metadata } from 'next'
import { Fira_Code } from 'next/font/google'
import {
Fira_Code,
Space_Grotesk,
Jost,
Fira_Sans,
Inter,
Hanken_Grotesk
} from 'next/font/google'
import './globals.css'
const firaCode = Fira_Code({ subsets: ['latin'], variable: '--font-firaCode' })
const hankenGrotesk = Hanken_Grotesk({
subsets: ['latin'],
variable: '--font-hanken-grotesk'
})
export const metadata: Metadata = {
title: 'ASI Calculator',
@ -16,7 +26,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body className={firaCode.className}>{children}</body>
<body className={hankenGrotesk.variable}>{children}</body>
</html>
)
}

2
components/CalculationBaseOutput/CalculationBase.module.css
View File

@ -13,7 +13,7 @@
border-bottom: 1px solid rgba(var(--foreground-rgb), 0.2);
border-right: 1px solid rgba(var(--foreground-rgb), 0.2);
padding: 1rem;
font-size: 0.8rem;
font-size: 0.9rem;
}
.label {

12
components/FormAmount/Inputs/InputAmount.module.css
View File

@ -1,9 +1,8 @@
.input {
all: unset;
width: 70px;
width: 60px;
padding: 0 0.2rem;
text-align: center;
background-color: rgba(var(--background-rgb), 0.4);
}
.input:hover {
@ -13,19 +12,14 @@
.input:focus-within {
outline: none;
background-color: rgba(var(--background-rgb), 0.9);
color: rgb(var(--foreground-rgb-highlight));
}
@media (prefers-color-scheme: dark) {
.input {
background-color: rgba(var(--foreground-rgb), 0.15);
}
.input:hover {
background-color: rgba(var(--foreground-rgb), 0.2);
background-color: rgba(var(--foreground-rgb), 0.1);
}
.input:focus-within {
background-color: rgba(var(--foreground-rgb), 0.3);
background-color: rgba(var(--foreground-rgb), 0.2);
}
}

2
components/FormAmount/Inputs/InputToken.module.css
View File

@ -1,7 +1,7 @@
.select {
display: inline-block;
all: unset;
padding: 0 0.75rem;
padding: 0 0.75rem 0 0;
}
.selectWrapper {

14
components/Strategies/styles.module.css
View File

@ -4,9 +4,21 @@
padding: 1.25rem 1.5rem;
}
/* .results form {
border-color: transparent;
}
.results input {
background: none;
}
.results:hover form {
border-color: rgba(var(--foreground-rgb), 0.2);
} */
.title {
margin-bottom: 1.5rem;
font-size: 1.1rem;
min-height: 52px;
line-height: 1.75;
color: rgb(var(--foreground-rgb-highlight));
}

2
content.md
View File

@ -4,7 +4,7 @@ The fiat values are fetched from [Coingecko](https://coingecko.com), and the tok
### All About Token Merge
Find everything about the token merger in every team's announcement posts:
You can find all the details about the token merger in every team's announcement post:
- [Ocean Protocol: Ocean Protocol is joining the Superintelligence Alliance](https://blog.oceanprotocol.com/ocean-protocol-is-joining-the-superintelligence-alliance-767c82693f24)
- [Fetch.ai: Superintelligence Alliance Token Merge $ASI](https://fetch.ai/blog/superintelligence-alliance-token-merge-asi)